打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

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

 

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

代码如下:

 


<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>     <FONT face=宋体 color=#ff0000 size=6>再别康桥</FONT></DIV>
<DIV><FONT face=宋体 color=#ff0000 size=1>                                <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>              十一月六日中国上海</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="//xiaobt.cn/web/images-bosstar/1.jpg" width=200 border=0></DIV>
<DIV align=center><IMG src="//xiaobt.cn/web/images-bosstar/2.jpg" width=200 border=0></DIV>
<DIV align=center><IMG src="//xiaobt.cn/web/images-bosstar/3.jpg" width=200 border=0></DIV>
<DIV align=center><IMG src="//xiaobt.cn/web/images-bosstar/4.jpg" width=200 border=0></DIV>
<DIV align=center><IMG src="//xiaobt.cn/web/images-bosstar/5.jpg" width=200 border=0></DIV>
<DIV align=center><IMG src="//xiaobt.cn/web/images-bosstar/6.jpg" width=200 border=0></DIV></MARQUEE>
其中一个<div...>....</div>为一个单元,想添加更多图片滚动可以复制,格式很清楚了,但是多了会影响速度。

 

本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
在Flash动画上加入滚动字幕的代码
滚动字幕制作
分享应用【文字特效与滚动】
竖排文字滚动代码特效
Flash图片+滚动字+多层透明Flash代码(一)
用代码制作文字与图片并用
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服