加载中…
个人资料
芒果钱包
芒果钱包
  • 博客等级:
  • 博客积分:0
  • 博客访问:10,729,706
  • 关注人气:1,563
  • 获赠金笔:0支
  • 赠出金笔:0支
  • 荣誉徽章:
相关博文
推荐博文
正文 字体大小:

新浪博客代码中加入滚动字幕和滚动图片的代码

(2007-05-22 00:09:07)
分类: 新浪博客代码大全

新浪博客代码中加入滚动字幕和滚动图片的代码

在网络上有很多滚动字幕的样式,但是他们的代码基本是一致的,只是对部分参数进行一下修改就行了。

代码如下:

 


<MARQUEE style="WIDTH: 100px; HEIGHT: 45px" scrollAmount=1 scrollDelay=10 direction=down >自上而下滚动<BR>滚<BR>在滚<BR>永远在滚</MARQUEE>


代码说明:

width-------整个滚动区的宽度,可调;

height------整个滚动区的高度,可调;

scrollamount----滚动步长,改动变化很大,数值越大滚动越快;

scrolldelay-----滚动频率,每次跳动之间的时间间隔,数值越大跳的越慢;

direction-------滚动方向。

 

 

 

     滚动字幕大致可以分为以下几类:


1. 自下而上滚动

自下而上滚动

在滚
永远在滚
滚完还滚

代码中的滚动方向值为: "direction=up"

 


自上而下滚动

在滚
永远在滚

 

 代码中的滚动方向值为: "direction=down"

?/P>


3.      从右向左滚动

自右而左滚动

在滚
永远在滚

?/P>

代码中的滚动方向值为: "direction=left"

4. 从左向右滚动
自左而右滚动

在滚
永远在滚
代码中的滚动方向值为: "direction=rigt"

 

 

 

 

呵呵,这个特效的代码是:(再别康桥滚动显示)

<DIV><A href="http://www.bkdm.cn/ " target=_blank><FONT color=#ff0000>★博客代码★</FONT></A></DIV><TABLE borderColor=#000000 cellSpacing=0 cellPadding=5 bgColor=#6699ff border=1>
<TBODY>
<TR>
<TD>再别康桥
<MARQUEE scrollAmount=1 scrollDelay=77 direction=up width=270 height=77>
<DIV>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<FONT face=宋体 color=#ff0000 size=6>再别康桥</FONT></DIV>
<DIV><FONT face=宋体 color=#ff0000 size=1>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<FONT color=#000000 size=2><FONT color=#990033>徐志摩</FONT></FONT></FONT></DIV>
<DIV>
<P align=left><SPAN style="FONT-SIZE: 9pt; LINE-HEIGHT: 20px; FONT-FAMILY: 宋体"><FONT color=#ff80c0>轻轻的我走了,正如我轻轻的来; <BR>我轻轻的招手,作别西天的云彩。<BR><BR>那河畔的金柳,是夕阳中的新娘;<BR>波光里的艳影,在我的心头荡漾。<BR><BR>软泥上的青荇,油油的在水底招摇;<BR>在康河的柔波里,我甘心做一条水草!<BR><BR>那榆荫下的一潭,不是清泉,<BR>是天上虹揉碎在浮藻间,沉淀着彩虹似的梦。<BR><BR>寻梦?撑一支长篙,向青草更青处漫溯,<BR>满载一船星辉,在星辉斑斓里放歌。</FONT></SPAN></P>
<P align=left><SPAN style="FONT-SIZE: 9pt; LINE-HEIGHT: 20px; FONT-FAMILY: 宋体"><FONT color=#ff80c0>但我不能放歌,悄悄是别离的笙箫;<BR>夏虫也为我沉默,沉默是今晚的康桥。</FONT></SPAN></P>
<P align=left><SPAN style="FONT-SIZE: 9pt; LINE-HEIGHT: 20px; FONT-FAMILY: 宋体"><FONT color=#ff80c0>悄悄的我走了,正如我悄悄的来;<BR>我挥一挥衣袖,不带走一片云彩。<BR><BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 十一月六日中国上海</FONT></P>
<P align=right> </P>
<P align=right> </P></SPAN></DIV></SCRIPT></MARQUEE></TD></TR></TBODY></TABLE>
<DIV></DIV>
<DIV></DIV>
<DIV></DIV>

改变其中的字即可。记得要使用原码编辑哦!~
从上往下滚把direction=up改成direction=down,scrollDelay=77是速度。

 

滚动图片的代码是:
<DIV><A href="http://blog.sina.com.cn/u/1147856110" target=_blank><FONT color=#ff0000>★捞猴子的月亮★</FONT></A></DIV><MARQUEE scrollAmount=1 scrollDelay=1 direction=up width=200 height=230>
<DIV align=center><IMG src="http://xiaobt.cn/web/images-bosstar/1.jpg" width=200 border=0></DIV>
<DIV align=center><IMG src="http://xiaobt.cn/web/images-bosstar/2.jpg" width=200 border=0></DIV>
<DIV align=center><IMG src="http://xiaobt.cn/web/images-bosstar/3.jpg" width=200 border=0></DIV>
<DIV align=center><IMG src="http://xiaobt.cn/web/images-bosstar/4.jpg" width=200 border=0></DIV>
<DIV align=center><IMG src="http://xiaobt.cn/web/images-bosstar/5.jpg" width=200 border=0></DIV>
<DIV align=center><IMG src="http://xiaobt.cn/web/images-bosstar/6.jpg" width=200 border=0></DIV></MARQUEE>
其中一个<div...>....</div>为一个单元,想添加更多图片滚动可以复制,格式很清楚了,但是多了会影响速度。

 

图片文字超链接          http://blog.sina.com.cn/u/446ae4ee0100072r
滚动字幕和滚动图片       http://blog.sina.com.cn/u/446ae4ee0100034i

0

阅读 评论 收藏 转载 喜欢 打印举报/Report
  • 评论加载中,请稍候...
发评论

    发评论

    以上网友发言只代表其个人观点,不代表新浪网的观点或立场。

      

    新浪BLOG意见反馈留言板 电话:4000520066 提示音后按1键(按当地市话标准计费) 欢迎批评指正

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

    新浪公司 版权所有