打开APP
userphoto
未登录

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

开通VIP
常用文字滚动和图片移动特效代码
各种文字滚动和图片移动特效代码
一.基本代码举例:
<marquee direction=up behavior=scroll width=400 height=150 scrolldelay=80 scrollamount=1>插入文字(图片等)</marquee>
二.参数说明:
1)scrollAmount。它表示速度,值越大速度越快。如果没有它,默认为6,建议设为1~3比较好。
2)width和height。表示滚动区域的大小,width是宽度,height是高度。特别是在做垂直滚动的时候,一定要设height的值。
3)direction。表示滚动的方向,默认为从右向左:←←←。可选的值有right、down、up。滚动方向分别为:right表示→→→,up表示↑,down表示↓。
4)scrollDelay。这也是用来控制速度的,默认为90,值越大,速度越慢。通常scrollDelay是不需要设置的。
5)behavior。用它来控制属性,默认为循环滚动,可选的值有alternate(交替滚动)、slide(幻灯片效果,指的是滚动一次,然后停止滚动)
6)其他说明。marquee会移动、滚动的, center居中,top靠顶,bottom靠底,left靠左,……
三.实例效果:
00、欢迎您亲爱的朋友:
欢迎您亲爱的朋友
01、向左移动:
从右向左移动
      
            
02、向右移动:
从左向右移动
 
            
  
 
 
 
 
03、向上移动:
向上移动速度5居中
04、向下移动:
向下移动速度5居中向下移动速度2
05、来回移动:
来回移动速度10宽度100%
来回移动速度2宽度100%
06、竖排字渐出:
水调歌头·明月几时有
苏轼
明月几时有?把酒问青天。
不知天上宫阙,今夕是何年。
我欲乘风归去,又恐琼楼玉宇,高处不胜寒。
起舞弄清影,何似在人间。
转朱阁,低绮户,照无眠。
不应有恨,何事长向别时圆?
人有悲欢离合,月有阴晴圆缺,此事古难全。
但愿人长久,千里共婵娟。
07、中间向两边移动:
中间向两边移动宽度220高度50居中
中间向两边移动宽度220高度50居中
08、中间相对上下移动文字或画面相颠倒似有倒影:
中间相对上下移动有倒影
中间相对上下移动有倒影
09、中间相对上下移动文字或画面均朝上:
中间相对上下移动
中间相对上下移动
10、上下起伏:
上下起伏高度500
上下起伏高度100
上下起伏高度60
11、图片对开移动百叶效果:
12、图片中加入文字:
明月几时有?把酒问青天。
人有悲欢离合,月有阴晴圆缺,此事古难全。
但愿人长久,千里共婵娟。
13、 整体文字向上移动:
各种文字滚动和图片移动特效代码
一.基本代码:
<marquee direction=up behavior=scroll width=400 height=150 scrolldelay=80 scrollamount=1>插入文字(图片等)</marquee>
二.参数说明:
1)scrollAmount。它表示速度,值越大速度越快。如果没有它,默认为6,建议设为1~3比较好。
2)width和height。表示滚动区域的大小,width是宽度,height是高度。特别是在做垂直滚动的时候,一定要设height的值。
3)direction。表示滚动的方向,默认为从右向左:←←←。可选的值有right、down、up。滚动方向分别为:right表示→→→,up表示↑,down表示↓。
4)scrollDelay。这也是用来控制速度的,默认为90,值越大,速度越慢。通常scrollDelay是不需要设置的。
5)behavior。用它来控制属性,默认为循环滚动,可选的值有alternate(交替滚动)、slide(幻灯片效果,指的是滚动一次,然后停止滚动)
三.实例效果:
四.实例代码:
14、一步一停:
一步一停!
15、图片无间隙滚动:
16、图片移动加FLASH特效
17、图片忽隐忽现移动
18、移动字加底色
恰当地使用各种文字滚动和图片移动特效,可以使您的帖子更加精彩!
恰当地使用各种文字滚动和图片移动特效,可以使您的帖子更加精彩!恰当地使用各种文字滚动和图片移动特效,可以使您的帖子更加精彩!恰当地使用各种文字滚动和图片移动特效,可以使您的帖子更加精彩!恰当地使用各种文字滚动和图片移动特效,可以使您的帖子更加精彩!恰当地使用各种文字滚动和图片移动特效,可以使您的帖子更加精彩!恰当地使用各种文字滚动和图片移动特效,可以使您的帖子更加精彩!恰当地使用各种文字滚动和图片移动特效,可以使您的帖子更加精彩!恰当地使用各种文字滚动和图片移动特效,可以使您的帖子更加精彩!恰当地使用各种文字滚动和图片移动特效,可以使您的帖子更加精彩!
如何制作当鼠标停留在文字上,
文字停止滚动
如何制作当鼠标停留在文字上,文字停止滚动
19、背景加移动图片
20、文字向上移动,当鼠标经过暂停
文字向上移动,当鼠标经过时暂停。文字向上移动,当鼠标经过时暂停。文字向上移动,当鼠标经过时暂停。
文字向上移动,当鼠标经过时暂停。文字向上移动,当鼠标经过时暂停。文字向上移动,当鼠标经过时暂停。
文字向上移动,当鼠标经过暂停    文字向上移动,当鼠标经过暂停
四.实例代码:
00、欢迎您亲爱的朋友:
<MARQUEE style="HEIGHT: 80px" direction=right behavior=alternate scrollAmount=8><FONT
size=6 colorred>
<MARQUEE direction=up height=60 behavior=alternate width=40 align="middle"><FONT color=red>
欢</FONT></MARQUEE><FONT color=red>
<MARQUEE direction=up height=80 behavior=alternate width=40>迎</MARQUEE><FONT color=red>
<MARQUEE direction=up height=60 behavior=alternate width=40>您</MARQUEE><STRONG>亲爱的朋友
</STRONG></FONT></FONT></FONT></FONT></MARQUEE></DIV>
01、向左移动:
<MARQUEE><FONT color=#339966><STRONG>从右向左移动</STRONG></FONT></MARQUEE></DIV>
<P>&nbsp;</P>
<DIV><BR></DIV><FONT color=#800000><STRONG>
<MARQUEE scrollAmount=1>&nbsp;<IMG
src="" target="_blank">http://userimage2.360doc.com/11/1225/19/605353_201112251918300929.gif"> <IMG
src="http://userimage2.360doc.com/11/1225/19/605353_201112251918300929.gif">
<IMG
src="http://userimage2.360doc.com/11/1225/10/605353_201112251050400333.gif"></DIV></MARQUEE
></DIV>
<MARQUEE>
<DIV><IMG
src="http://userimage2.360doc.com/11/1222/22/605353_201112222234070223.gif"></DIV></MARQUEE
></DIV>
<MARQUEE scrollAmount=4>
<DIV><IMG
src="http://userimage2.360doc.com/11/1222/22/605353_201112222234070223.gif"></DIV></MARQUEE
></DIV>
<MARQUEE scrollAmount=2>
<DIV><IMG src="http://userimage2.360doc.com/11/1222/22/605353_201112222243020582.gif"><IMG
src="http://userimage2.360doc.com/11/1222/22/605353_201112222243020270.gif"><IMG
src="http://userimage2.360doc.com/11/1222/22/605353_201112222243020863.gif"><IMG
src="http://userimage2.360doc.com/11/1222/22/605353_201112222243020270.gif"><IMG
src="http://userimage2.360doc.com/11/1222/22/605353_201112222243020582.gif"><IMG
src="http://userimage2.360doc.com/11/1222/22/605353_201112222243020863.gif"></DIV></MARQUEE
></DIV>
<MARQUEE scrollAmount=1>
<DIV><IMG src="http://userimage2.360doc.com/11/1222/22/605353_201112222256420738.gif"><IMG
src="" target="_blank">http://userimage2.360doc.com/11/1222/22/605353_201112222256420738.gif"><IMG
src="http://userimage2.360doc.com/11/1225/11/605353_201112251106360018.gif"></DIV></MARQUEE
>
02、向右移动:
<MARQUEE direction=right><FONT color=#339966><STRONG>从左向右移动</STRONG></FONT></MARQUEE>
<DIV>
<MARQUEE direction=right scrollAmount=1>
<DIV><IMG
src="http://userimage2.360doc.com/11/1222/22/605353_201112222248300473.gif">&nbsp; <IMG
src="http://userimage2.360doc.com/11/1222/22/605353_201112222248300473.gif"><IMG style="WIDTH: 72px; HEIGHT:
91px" border=0 src="http://userimage1.360doc.com/09/1216/10/328003_200912161035000060.gif"
width=72 height=91><IMG style="WIDTH: 68px; HEIGHT: 58px" class=restrictImg
src="http://image3.360doc.com/DownloadImg/2009/1/17/83855_2355693_113.jpg" width=68
height=58></DIV></MARQUEE></DIV>
<MARQUEE direction=right scrollAmount=2>
<DIV><IMG src="http://userimage2.360doc.com/11/1222/22/605353_201112222248300770.gif"><IMG
src="http://userimage2.360doc.com/11/1222/22/605353_201112222248300770.gif">&nbsp; <IMG
src="http://userimage2.360doc.com/11/1222/22/605353_201112222248300770.gif">&nbsp; <IMG
src="http://userimage2.360doc.com/11/1222/22/605353_201112222248300770.gif">&nbsp; <IMG
src="http://userimage2.360doc.com/11/1222/22/605353_201112222248300770.gif">&nbsp; <IMG
src="http://userimage2.360doc.com/11/1222/22/605353_201112222248300770.gif"></DIV></MARQUEE
></DIV>
<MARQUEE direction=right scrollAmount=8><IMG
src="http://userimage2.360doc.com/11/1225/11/605353_201112251149350996.gif"><IMG
src="http://userimage2.360doc.com/11/1225/11/605353_201112251149340980.gif"></MARQUEE></DIV
>
03、向上移动:
<MARQUEE direction=up scrollAmount=5>
<CENTER><FONT color=#339966><STRONG>向上移动速度5居中</STRONG></FONT> </CENTER></MARQUEE>
<DIV><BR>&nbsp;</DIV>
<DIV>
<DIV>&nbsp;</DIV>
<MARQUEE direction=up scrollAmount=2>
<P align=center><IMG
src="http://userimage2.360doc.com/11/1222/23/605353_201112222308260629.gif"></P></MARQUEE>
04、向下移动:
<MARQUEE direction=down scrollAmount=5>
<CENTER>
<DIV>&nbsp;</DIV>
<DIV><IMG src="http://image7.360doc.com/DownloadImg/2010/03/1017/2514517_2.gif"></DIV>
<DIV>&nbsp;</DIV><FONT color=#339966><STRONG>向下移动速度5居中
</STRONG></FONT></CENTER></MARQUEE>
<MARQUEE direction=down scrollAmount=2><FONT color=#339966><STRONG>向下移动速度
2</STRONG></FONT></MARQUEE>
05、来回移动:
<MARQUEE behavior=alternate width="100%" scrollAmount=3>
<DIV><IMG
src="http://userimage2.360doc.com/11/1223/23/605353_201112232355490410.gif"><EMBED
height=220 type=application/x-shockwave-flash width=200
src=http://disk.kugou.com/player/0/5/0/1/default/200/818F1C0712C68090/list.swf
wmode="transparent"><IMG
src="http://userimage2.360doc.com/11/1223/23/605353_201112232355490410.gif"></DIV>
<DIV>&nbsp;</DIV>&nbsp;
<DIV></DIV>
<DIV>&nbsp;</DIV></MARQUEE></DIV>
<DIV>
<MARQUEE behavior=alternate width="100%" scrollAmount=10><FONT color=#339966><STRONG>来回移
动速度10宽度100%</STRONG></FONT></MARQUEE></DIV>
<DIV>
<MARQUEE behavior=alternate width="100%" scrollAmount=2><FONT color=#339966><STRONG>来回移
动速度2宽度100%</STRONG></FONT></MARQUEE></DIV>
06、竖排字渐出:
<DIV>
<MARQUEE height=608 behavior=slide width=550 loop=1 scrollAmount=1 scrollDelay=100>
<MARQUEE direction=up height=600 width=550 scrollAmount=1 scrollDelay=100>
<DIV><IMG
src="http://userimage2.360doc.com/11/0902/12/605353_201109021253550714.gif"></DIV>
<P>&nbsp;</P><FONT color=#ff0000>
<P style="TEXT-INDENT: 2em">水调歌头·明月几时有</P>
<P style="TEXT-INDENT: 2em">苏轼</P>
<P style="TEXT-INDENT: 2em">明月几时有?把酒问青天。</P>
<P style="TEXT-INDENT: 2em">不知天上宫阙,今夕是何年。</P>
<P style="TEXT-INDENT: 2em">我欲乘风归去,又恐琼楼玉宇,高处不胜寒。</P>
<P style="TEXT-INDENT: 2em">起舞弄清影,何似在人间。</P>
<P style="TEXT-INDENT: 2em">转朱阁,低绮户,照无眠。</P>
<P style="TEXT-INDENT: 2em">不应有恨,何事长向别时圆?</P>
<P style="TEXT-INDENT: 2em">人有悲欢离合,月有阴晴圆缺,此事古难全。</P>
<P style="TEXT-INDENT: 2em">但愿人长久,千里共婵娟。</P>
<P style="TEXT-INDENT: 2em"></P></FONT></MARQUEE></MARQUEE></DIV>
07、中间向两边移动:
<DIV>
<CENTER><BR>
<MARQUEE height=50 width=220><BR><FONT color=#339966><STRONG>中间向两边移动宽度220高度50居
中</STRONG></FONT></MARQUEE>
<MARQUEE direction=right height=50 width=220><BR><FONT color=#339966><STRONG>中间向两边移动
宽度220高度50居中</STRONG></FONT><BR></MARQUEE></CENTER>
<CENTER>
<DIV>&nbsp;</DIV>
<CENTER>
<MARQUEE height=275 width=220 scrollAmount=3><A><IMG
src="http://userimage2.360doc.com/11/1224/14/605353_201112241425160535.gif" width=220
height=275></A> <A><IMG
src="http://userimage2.360doc.com/11/1224/14/605353_201112241425160535.gif" width=220
height=275></A></MARQUEE>
<MARQUEE direction=right height=275 width=220 scrollAmount=3><A><IMG
src="http://userimage2.360doc.com/11/1224/14/605353_201112241425160535.gif" width=220
height=275></A> <A><IMG
src="http://userimage2.360doc.com/11/1224/14/605353_201112241425160535.gif" width=220
height=275></A></MARQUEE></CENTER></CENTER></DIV>
08、中间相对上下移动文字或画面相颠倒似有倒影:
<DIV>
<MARQUEE onmouseover=this.stop() onmouseout=this.start direction=up scrollAmount=3>
<CENTER><FONT color=#339966><STRONG>中间相对上下移动有倒影
</STRONG></FONT></CENTER></MARQUEE></DIV>
<CENTER></CENTER>
<DIV>
<MARQUEE direction=down scrollAmount=3>
<CENTER>
<DIV style="FILTER: flipv; WIDTH: 400px"><FONT color=#339966><STRONG>中间相对上下移动有倒影
</STRONG></FONT></DIV></CENTER></MARQUEE></DIV>
<DIV>
<MARQUEE onmouseover=this.stop() onmouseout=this.start direction=up scrollAmount=3>
<CENTER>
<DIV><IMG
src="http://userimage2.360doc.com/11/1224/14/605353_201112241425230176.gif"></DIV></CENTER>
</MARQUEE></DIV>
<CENTER></CENTER>
<DIV>
<MARQUEE direction=down scrollAmount=3>
<CENTER>
<DIV style="FILTER: flipv; WIDTH: 400px">
<DIV><IMG
src="http://userimage2.360doc.com/11/1224/14/605353_201112241425230176.gif"></DIV></DIV></C
ENTER></MARQUEE>
09、中间相对上下移动文字或画面均朝上:
<MARQUEE direction=up scrollAmount=3>
<CENTER><FONT color=#339966><STRONG>中间相对上下移动
</STRONG></FONT></CENTER></MARQUEE></DIV>
<CENTER></CENTER>
<DIV>
<MARQUEE direction=down scrollAmount=3>
<CENTER><FONT color=#339966><STRONG>中间相对上下移动
</STRONG></FONT></CENTER></MARQUEE>
<MARQUEE direction=up scrollAmount=3>
<CENTER><IMG
src="http://userimage2.360doc.com/11/1224/14/605353_201112241425230176.gif"></CENTER></MARQ
UEE>
<MARQUEE direction=down scrollAmount=3>
<CENTER><IMG
src="http://userimage2.360doc.com/11/1224/14/605353_201112241425230176.gif"></CENTER></MARQ
UEE>
10、上下起伏:
<MARQUEE>
<MARQUEE direction=up height=500 behavior=alternate><FONT color=#339966><STRONG>上下起伏高
度500</STRONG></FONT><IMG
src="http://userimage2.360doc.com/11/1117/10/605353_201111171034390565.gif"></MARQUEE></MAR
QUEE>
<MARQUEE>
<MARQUEE direction=up height=100 behavior=alternate><FONT color=#339966><STRONG>上下起伏高
度100</STRONG></FONT></MARQUEE></MARQUEE>
<MARQUEE>
<MARQUEE direction=up height=60 behavior=alternate><FONT color=#339966><STRONG>上下起伏高度
60</STRONG></FONT></MARQUEE></MARQUEE>
11、图片对开移动百叶效果:
<TABLE border=0 cellSpacing=0 cellPadding=0 width=500 align=center>
<TBODY>
<TD align=middle>
<MARQUEE direction=right width=120 scrollAmount=1 scrollDelay=100><IMG
src="http://userimage2.360doc.com/11/1223/23/605353_201112232326220676.jpg"></MARQUEE></TD>
<TD align=middle>
<MARQUEE width=120 scrollAmount=1 scrollDelay=100><IMG
src="http://userimage2.360doc.com/11/1223/23/605353_201112232326220676.jpg"></MARQUEE></TD>
<TD align=middle>
<MARQUEE direction=right width=120 scrollAmount=1 scrollDelay=100><IMG
src="http://userimage2.360doc.com/11/1223/23/605353_201112232326220676.jpg"></MARQUEE></TD>
<TD align=middle>
<MARQUEE width=120 scrollAmount=1 scrollDelay=100><IMG
src="http://userimage2.360doc.com/11/1223/23/605353_201112232326220676.jpg"></MARQUEE></TD>
12、图片中加入文字:
<CENTER style="TEXT-INDENT: 2em">&nbsp;</CENTER>
<CENTER style="TEXT-INDENT: 2em">
<TABLE border=3 cellSpacing=0 cellPadding=0 width=410
background=http://image7.360doc.com/DownloadImg/2010/01/2322/2216380_5.jpg align=center
height=312>
<TBODY>
<TR>
<TD>
<P>&nbsp;</P>
<P style="TEXT-INDENT: 2em">
<MARQUEE direction=up scrollAmount=3>
<P>&nbsp;</P>
<P style="TEXT-INDENT: 2em"><FONT color=#ff0000>明月几时有?把酒问青天。</FONT></P>
<P style="TEXT-INDENT: 2em"><FONT color=#ff0000>人有悲欢离合,月有阴晴圆缺,此事古难全。
</FONT></P>
<P style="TEXT-INDENT: 2em"><FONT color=#ff0000>但愿人长久,千里共婵娟。
</FONT></P></MARQUEE></P></TD></TR></TBODY></TABLE></CENTER>
13、 整体文字向上移动:
<MARQUEE direction=up scrollAmount=1>
<P align=left>
<DIV><FONT style="FONT-FAMILY: 楷体_GB2312; FONT-SIZE: 18px" color=#008000><STRONG>各种文字
滚动和图片移动特效代码<BR style="FONT-FAMILY: "></STRONG></FONT></DIV>
<DIV><FONT style="FONT-FAMILY: 楷体_GB2312; FONT-SIZE: 18px"
color=#008000><STRONG></STRONG></FONT>&nbsp;</DIV>
<DIV><FONT style="FONT-FAMILY: 楷体_GB2312; FONT-SIZE: 18px" color=#008000><STRONG>一.基本
代码: <BR style="FONT-FAMILY: "></DIV></STRONG></FONT>
<DIV><FONT style="FONT-FAMILY: 楷体_GB2312; FONT-SIZE: 18px"
color=#008000><STRONG>&lt;marquee direction=up behavior=scroll width=400 height=150
scrolldelay=80 scrollamount=1&gt;插入文字(图片等)&lt;/marquee&gt; <BR style="FONT-FAMILY:
"></STRONG></FONT></DIV>
<DIV><FONT style="FONT-FAMILY: 楷体_GB2312; FONT-SIZE: 18px"
color=#008000><STRONG></STRONG></FONT>&nbsp;</DIV>
<DIV><FONT style="FONT-FAMILY: 楷体_GB2312; FONT-SIZE: 18px" color=#008000><STRONG>二.参数
说明:</STRONG></FONT></DIV>
<DIV>
<DIV><FONT color=#008000></FONT><FONT style="FONT-FAMILY: 楷体_GB2312; FONT-SIZE:
18px"><STRONG>&nbsp;</STRONG></FONT></DIV>
<DIV><FONT style="FONT-FAMILY: 楷体_GB2312; FONT-SIZE: 18px" color=#008000><STRONG>1)
scrollAmount。它表示速度,值越大速度越快。如果没有它,默认为6,建议设为1~3比较好。
</STRONG></FONT></DIV>
<P><FONT style="FONT-FAMILY: 楷体_GB2312; FONT-SIZE: 18px" color=#008000><STRONG>2)width和
height。表示滚动区域的大小,width是宽度,height是高度。特别是在做垂直滚动的时候,一定要设
height的值。</STRONG></FONT></P>
<P><FONT style="FONT-FAMILY: 楷体_GB2312; FONT-SIZE: 18px" color=#008000><STRONG>3)
direction。表示滚动的方向,默认为从右向左:←←←。可选的值有right、down、up。滚动方向分别
为:right表示→→→,up表示↑,down表示↓。</STRONG></FONT></P>
<P><FONT style="FONT-FAMILY: 楷体_GB2312; FONT-SIZE: 18px" color=#008000><STRONG>4)
scrollDelay。这也是用来控制速度的,默认为90,值越大,速度越慢。通常scrollDelay是不需要设置
的。</STRONG></FONT></P>
<DIV><FONT style="FONT-FAMILY: 楷体_GB2312; FONT-SIZE: 18px" color=#008000><STRONG>5)
behavior。用它来控制属性,默认为循环滚动,可选的值有alternate(交替滚动)、slide(幻灯片效果,
指的是滚动一次,然后停止滚动)</STRONG></FONT></DIV>
<DIV><FONT color=#008000></FONT><FONT style="FONT-FAMILY: 楷体_GB2312; FONT-SIZE:
18px"><STRONG>&nbsp;</STRONG></FONT></DIV>
<DIV><FONT style="FONT-FAMILY: 楷体_GB2312; FONT-SIZE: 18px" color=#008000><STRONG>三.实例
效果: </STRONG></FONT>
<DIV><BR><FONT style="FONT-FAMILY: 楷体_GB2312; FONT-SIZE: 18px" color=#008000><STRONG>四.
实例代码:</STRONG></FONT></DIV>
<DIV>&nbsp;</DIV></DIV></DIV></MARQUEE>
14、一步一停:
<MARQUEE scrollAmount=100 scrollDelay=500>
<DIV><IMG
src="http://userimage2.360doc.com/11/1225/11/605353_201112251149350605.gif"></DIV></MARQUEE
></DIV>
<DIV>&nbsp;</DIV>
<MARQUEE scrollAmount=100 scrollDelay=500><FONT style="FONT-FAMILY: 黑体"
color=#00ff00><STRONG style="FONT-FAMILY: ">一步一停!</STRONG></FONT></MARQUEE>
<DIV>&nbsp;</DIV>
<DIV>
<MARQUEE scrollAmount=3 scrollDelay=500>
<DIV><IMG
src="http://userimage2.360doc.com/11/1225/11/605353_201112251149350605.gif"></DIV></MARQUEE
></DIV><BR></DIV>
15、图片无间隙滚动:
<TABLE border=0 cellPadding=0 width=600
background=http://userimage2.360doc.com/11/1225/11/605353_201112251159320121.jpg
align=center height=413>
<TBODY>
<TR>
<TD>
<DIV align=center>
<MARQUEE direction=down height=413 width=600 scrollAmount=4>
<MARQUEE direction=up height=413 width=600 scrollAmount=4><IMG title='style="HEIGHT:'
src="http://userimage2.360doc.com/11/1225/11/605353_201112251159350902.jpg" width=600
height=413 500px?></MARQUEE></MARQUEE>
16、图片移动加FLASH特效
<MARQUEE scrollAmount=3 directio="down">
<TABLE border=0 cellSpacing=0 borderColor=#000000 cellPadding=0
background=http://userimage2.360doc.com/11/1225/21/605353_201112252137210331.gif>
<TBODY>
<TR>
<TD><EMBED height=210 type=application/x-shockwave-flash width=303
src=http://xt.2000y.net/106939/uploadpic/2009051216250654711.swf wmode="transparent"
invokeURLs="false" quality="high" allowScriptAccess="never" menu="false"
allowNetworking="internal"></EMBED></TD></TR></TBODY></TABLE></MARQUEE>
17、图片忽隐忽现移动
<MARQUEE beha>
<MARQUEE direction=right width=150 beha><IMG
src="http://userimage2.360doc.com/11/1225/21/605353_201112252152310893.gif"></MARQUEE></MAR
QUEE>
18、移动字加底色
<MARQUEE bgColor=#aaaaee scrollAmount=2>
<DIV><FONT color=#ff0000>恰当地使用各种文字滚动和图片移动特效,可以使您的帖子更加精彩!
</FONT></DIV></MARQUEE>
<MARQUEE style="FONT-SIZE: 25pt; FILTER: shadow(color=FFFF33 ); WIDTH: 100%; COLOR: #ff0000; FONT-FAMILY: 隶书" scrollAmount=3 FONT>恰当地使用各种文字滚动和图片移动特效,可以使您的帖子更加精彩!</MARQUEE>
<MARQUEE style="FONT-SIZE: 20pt; FILTER: dropshadow(color=#228B22,offX=5,offY=3,Positive=1); WIDTH: 100%; COLOR: #ff7f50; LINE-HEIGHT: 150%; FONT-FAMILY: 隶书" scrollAmount=3 FONT><STRONG>恰当地使用各种文字滚动和图片移动特效,可以使您的帖子更加精彩!</STRONG></FONT></MARQUEE>
<MARQUEE style="FONT-SIZE: 30pt; FILTER: wave(add=0,lightstrength=50,strength=3,freq=2,phrase=10); WIDTH: 100%; COLOR: red; LINE-HEIGHT: 100%; FONT-FAMILY: 隶书" scrollAmount=3 FONT><STRONG>恰当地使用各种文字滚动和图片移动特效,可以使您的帖子更加精彩!</STRONG></FONT></MARQUEE>
<MARQUEE style="FONT-SIZE: 30pt; FILTER: shadow(color=#AF0530); WIDTH: 100%; COLOR: #f90b46; LINE-HEIGHT: 150%; FONT-FAMILY: 隶书" scrollAmount=3 FONT><STRONG>恰当地使用各种文字滚动和图片移动特效,可以使您的帖子更加精彩!</STRONG></FONT></MARQUEE>
<MARQUEE style="FONT-SIZE: 30pt; FILTER: glow(color=black); WIDTH: 100%; COLOR: #e4dc9b; LINE-HEIGHT: 150%; FONT-FAMILY: 隶书" scrollAmount=3 FONT><STRONG>恰当地使用各种文字滚动和图片移动特效,可以使您的帖子更加精彩!</STRONG></FONT></MARQUEE>
<MARQUEE style="FONT-SIZE: 30pt; FILTER: shadow(color=black); WIDTH: 100%; COLOR: #e4dc9b; LINE-HEIGHT: 150%; FONT-FAMILY: 隶书" scrollAmount=3 FONT><STRONG>恰当地使用各种文字滚动和图片移动特效,可以使您的帖子更加精彩!</STRONG></MARQUEE>
<MARQUEE style="FONT-SIZE: 40pt; FILTER: shadow(color=green); WIDTH: 100%; COLOR: white; LINE-HEIGHT: 150%; FONT-FAMILY: 隶书" scrollAmount=3 FONT><STRONG>恰当地使用各种文字滚动和图片移动特效,可以使您的帖子更加精彩!</STRONG></FONT></MARQUEE>
<MARQUEE style="FONT-SIZE: 40pt; FILTER: shadow(color=black); WIDTH: 100%; COLOR: #cc0033; LINE-HEIGHT: 150%; FONT-FAMILY: 隶书" scrollAmount=3 FONT><STRONG>恰当地使用各种文字滚动和图片移动特效,可以使您的帖子更加精彩!</STRONG></FONT></MARQUEE>
<MARQUEE style="FILTER: shadow(color=#3300FF, strength=8); WIDTH: 490px" scrollAmount=3 DIV><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 40pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=隶书 color=#33ffff>恰当地使用各种文字滚动和图片移动特效,可以使您的帖子更加精彩!</FONT><BR><DIV></DIV></MARQUEE>
<marquee scrollAmount=2 width=600 onmouseover=stop() onmouseout=start()>
如何制作当鼠标停留在文字上,文字停止滚动</marquee>
19、背景加移动图片
2012-01-29 21:16:07| 分类: 网络素材 | 标签: |字号大中小 订阅 本文引用自874737562《背景加移动图片代码》 代码:
http://a00000000011.blog.163.com/blog/static/18892614920120299167358/
http://www.360doc.com/showweb/0/0/187454324.aspx
代码:
<DIV align=center>
<TABLE borderColor=#3300cc cellSpacing=6 cellPadding=0 width=650 bgColor=#ccff99 border=10>
<TBODY>
<TR>
<TD>
<TBODY>
<TR>
<TD style="FILTER: chroma(color=#000000)" background=背景照片:>
<MARQUEE scrollAmount=2 direction=down behavior=alternate width=650 height=486>
<MARQUEE scrollAmount=2 direction=right behavior=alternate width=650 height=350><IMG height=250 src=" 移动照片:" width=288></MARQUEE></MARQUEE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
20、文字向上移动,当鼠标经过暂停
<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="1" direction="up" height="200">
文字向上移动,当鼠标经过时暂停。
</marquee>
各种文字滚动和图片移动特效代码
【引用】背景加移动图片代码
如何自动播放视频
快速打字指法练习
文字和图片滚动代码(红叶) - 人到中年
本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
文字移动实例+解释
代码学习群简易教程(10)
跟朋友一起学习特效字《之三》
怎样给网页里贴音乐
漂亮文字特效滚动代码
漂亮的闪字制作(二)
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服