加载中…
个人资料
  • 博客等级:
  • 博客积分:
  • 博客访问:
  • 关注人气:
  • 获赠金笔:0支
  • 赠出金笔:0支
  • 荣誉徽章:
正文 字体大小:

【扮靓你的新浪BLOG】之 文字特效二(滚动文字)

(2006-01-12 13:38:59)
分类: 一笔之力(blog教程及其他)

【扮靓你的新浪BLOG】之 <wbr>文字特效二(滚动文字)前两天写了关于文字方面的一些东西,可能很多都没有说清楚,这里再说说“文字绕图”这个代码。

我看到有些网站和blog上都提到了这个代码,可是在格式上有个问题,我们来看看下面这个代码:


<TABLE cellpadding="15" width="200">
<TR>
<TD bgcolor="#EEEEFF"><IMG src="
http://blog.sina.com.cn/pic/55a641f58601dcd73cb6f" hspace="1" align="LEFT" hight=60>没想到写的这个“教程”得到了这么多的朋友的支持,在这里向大家说一声:“谢谢了!!”</TD>
</TR>
</TABLE>

这里有个“width="200"”,也就是背景颜色区域的宽度值,看起来和我提供的代码没什么不同,可是经过试验就发现,新浪blog在查看原文的时候,以上代码的宽度值会失效,背景色会延伸到页面两端,更重要的是文字也会被页面边界所遮蔽,无法全部显示,所以我修改了这部分的代码为:


<TABLE style="WIDTH: 500px" cellPadding=15>
<TBODY>
<TR>
<TD bgColor=#eeeeff><IMG src="
http://blog.sina.com.cn/pic/55a641f58601dcd73cb6f" hspace="1" align="LEFT" hight=60>没想到写的这个“ 教程”得到了这么多的朋友的支持,在这里向大家说一声:“谢谢了!!”</TD></TR></TBODY></TABLE>

请注意,这里的宽度值代码已经变成了“table style=width:500px”,这回就不会出现正文的文字丢失现象了。

今天只讲一个简单的代码——滚动文字。

可以看见,下面的文字会自行滚动。代码很简单,如下:

滚啊

滚啊

滚啊


<marquee id=ca scrollamount=3 direction=up height=100>想要滚动的文本</marquee>

本来这段代码有一个鼠标经过停止的的部分,可是游虾无论怎么试验都无法实现这个效果,所以就删除了这部分代码,有知情者请不吝赐教!在此深表谢意!

因为代码比较简单,所以我只说几点,在粘贴了以上代码之后,可以取消下面的“显示源代码”的勾,直接在正常模式下编辑滚动文字。(请注意编辑前要双击文字框)。

scrollamount是速度,自己调节后面的数字可以改变文字滚动速度。

direction是滚动方向,up是从下往上,当然就可以改成down了。

OK,今天就说到这儿,咱们明天再见~~

0

阅读 收藏 喜欢 打印举报/Report
  

新浪BLOG意见反馈留言板 欢迎批评指正

新浪简介 | About Sina | 广告服务 | 联系我们 | 招聘信息 | 网站律师 | SINA English | 产品答疑

新浪公司 版权所有