原始代码:
<marquee direction=left scrollamount="2"><img src=图片地址> </marquee>
left 左行代码系统默认所以可以不加
效果图二:图片向右移动
原始代码:
<marquee scrollamount="2" direction=right><img src=图片地址> </marquee>
right 右行代码
scrollamount=2移动速度数值大移动快
效果图
三:图片向上移动
原始代码:
<marquee scrollamount="2" direction=up><img src=图片地址> </marquee>
up 上行代码
效果图
四:图片向下移动
原始代码:
<marquee scrollamount="2" direction=down><img src=图片地址> </marquee>
down 下行代码
效果图
五:图片来回移动
原始代码:
<marquee scrollamount="2" behavior=alternate><img src=图片地址> </marquee>
behavior=alternate 来回移动代码
效果图
六:图片忽隐忽现移动
原始代码:
<MARQUEE beha>
<MARQUEE beha direction=right width=150><img src=图片地址> </marquee></marquee>
效果图
七:图片走走停停
原始代码:
<marquee scrolldelay=500 scrollamount=100><img src=图片地址> </marquee
效果图
八:图片移动次数控制(例:移动3次停)=刷新看效果=
原始代码:
<MARQUEE scrollAmount=3 loop=3><img src=图片地址></marquee>
loop=3 控制移动次数
效果图:
九:图片上下起伏
原始代码:
<marquee direction=left><marquee behavior=alternate direction=up height=200><img src=图片地址></marquee></marquee>
注:height=移动高度 数值必须大于图片高度
效果图:
十:图片覆盖循环?从上到下
原始代码:
<MARQUEE scrollAmount=3 direction=down >
<MARQUEE scrollAmount=3 direction=up>
<DIV align=center><IMG src="图片地址">
</DIV></MARQUEE></MARQUEE>
效果图:
十一:图片覆盖循环?由下往上
原始代码:
<MARQUEE scrollAmount=3 direction=up >
<MARQUEE scrollAmount=3 direction=down>
<DIV align=center><IMG src="图片地址">
</DIV></MARQUEE></MARQUEE>
align=center 图片居中间对齐
效果图:
十二:图片覆盖循环?从左到右
原始代码:
<MARQUEE scrollAmount=3 direction=right>
<MARQUEE scrollAmount=3 direction=left>
<DIV align=center><IMG src="图片地址">
</DIV></MARQUEE></MARQUEE>
效果图:
十三:图片覆盖循环?从右到左
原始代码:
<MARQUEE scrollAmount=3 direction=left>
<MARQUEE scrollAmount=3 direction=right>
<DIV align=center><IMG src="图片地址">
</DIV></MARQUEE></MARQUEE>
效果图:
十四:图片分段上移
原始代码:
<MARQUEE scrollAmount=2 direction=up behavior=alternate height=200><MARQUEE scrollAmount=2 direction=up height=180> <DIV align=center><IMG src="图片地址 "></DIV></MARQUEE></MARQUEE>
height=200 height=180 移动高度
height=200 height=180 移动高度
效果图:
十五:图片中间向两边移动
原始代码:
<DIV align=center><MARQUEE width=170 scrollAmount=2><IMG src=图片地址></MARQUEE>
<MARQUEE direction=right width=170 scrollAmount=2><IMG src=图片地址></MARQUEE></DIV>
width=170 移动范围宽度值
效果图:
效果图:
十八:图片上下往中间移动
原始代码:
<MARQUEE scrollAmount=2 direction=up height=100><center><IMG src="图片地址"></MARQUEE>
<MARQUEE scrollAmount=2 direction=down height=100><center><IMG src="图片地址"></MARQUEE>
效果图:
十九:图片左右摇摆上移
原始代码:
<MARQUEE scrollAmount=2 direction=up height=100><center><IMG src="图片地址"></MARQUEE>
<MARQUEE scrollAmount=2 direction=down height=100><center><IMG src="图片地址"></MARQUEE>
效果图:
二十:图片向下缓慢展开(单循环)=刷新看效果=
原始代码:
<MARQUEE scrollAmount=1 direction=down behavior=slide height=150>
<MARQUEE scrollAmount=1 direction=up behavior=slide height=150>
<center><IMG src="图片地址"></MARQUEE></MARQUEE>
效果图:
二一:图片向上缓慢展开(单循环)=刷新看效果=
原始代码:
<MARQUEE scrollAmount=1 direction=up behavior=slide height=150>
<MARQUEE scrollAmount=1 direction=down behavior=slide height=150>
<center><IMG src="图片地址"></MARQUEE></MARQUEE>
效果图:
二二:图片向右缓慢展开(单循环)=刷新看效果=
原始代码:
<MARQUEE scrollAmount=1 direction=right behavior=slide width=200>
<MARQUEE scrollAmount=1 direction=left behavior=slide width=200>
<center><IMG src="图片地址"></MARQUEE></MARQUEE>
效果图:
二三:图片向左缓慢展开(单循环)=刷新看效果=
原始代码:
<MARQUEE scrollAmount=1 direction=left behavior=slide width=200>
<MARQUEE scrollAmount=1 direction=right behavior=slide width=200>
<center><IMG src="图片地址"></MARQUEE></MARQUEE>
效果图:
二四:图片百叶窗移动效果
原始代码:
<TABLE cellSpacing=0 cellPadding=0 width=280 align=center border=0>
<TBODY>
<TR>
<TD align=middle>
<MARQUEE scrollAmount=1 scrollDelay=100 direction=right width=70><IMG src="第一个图片地址"></MARQUEE></TD>
<TD align=middle>
<MARQUEE scrollAmount=1 scrollDelay=100 width=70><IMG src="第二个图片地址"></MARQUEE></TD>
<TD align=middle>
<MARQUEE scrollAmount=1 scrollDelay=100 direction=right width=70><IMG src="第三个图片地址"></MARQUEE></TD>
<TD align=middle>
<MARQUEE scrollAmount=1 scrollDelay=100 width=70><IMG src="第四个图片地址"></MARQUEE></TD></TR></TBODY></TABLE>
效果图:
| | | |
二五:图片无间隙移动效果=查看更多=
原始代码:
<TABLE height=150 cellPadding=0 width=200 align=center background=图片地址 border=1>
<TBODY>
<TR>
<TD align=middle>
<MARQUEE scrollAmount=2 direction=down width=200 height=150>
<MARQUEE scrollAmount=2 direction=up width=200 height=150><IMG width=200 height=150 src=图片地址><MARQUEE></MARQUEE></TD></TR></TBODY></TABLE>
效果图:
|
二六:图片移动加FLASH特效=查看更多flash=
原始代码:
<MARQUEE scrollAmount=3 directio=down>
<TABLE borderColor=#000000 cellSpacing=0 cellPadding=0 background=图片地址 border=0>
<TBODY>
<TR>
<TD><EMBED src=透明动画地址 width=200 height=150 type=application/x-shockwave-flash allowNetworking="internal" menu="false" allowScriptAccess="never" quality="high" invokeURLs="false" wmode="transparent"></EMBED></TD></TR></TBODY></TABLE></MARQUEE>
效果图:
二七:图片倒影并行=更多图片特效=
原始代码:
<MARQUEE style="WIDTH: 400px; HEIGHT: 200px" scrollAmount=2>
<MARQUEE scrollAmount=2><IMG src="图片地址"><br><IMG style="FILTER: flipv" src="图片地址"></MARQUEE>
</MARQUEE>
效果图:
二八:图片梦幻效果移动)=点击查看更多图片滤镜=
原始代码:
<MARQUEE scrollAmount=2><IMG style="FILTER: Alpha(opacity=100,finishOpacity=0,style=2); WIDTH: 200px; HEIGHT: 150px" src="图片地址"></MARQUEE>
效果图:
二九:多图横向移动(友情链接形式)=查看更多创意连接=
原始代码:
<MARQUEE scrollAmount=3><A href="链接地址1" target=_blank><IMG src="图片地址1" height=150></A> <A href="链接地址2" target=_blank><IMG src="图片地址2" height=150></A> <A href="链接地址3" target=_blank><IMG src="图片地址3" height=150></A> <A href="链接地址4" target=_blank><IMG src="图片地址4" height=150></A></MARQUEE>
效果图:
三十:多图向上移动(友情链接形式)
原始代码:
<MARQUEE scrollAmount=3 direction=up><center><A href="链接地址1" target=_blank><IMG src="图片地址1" height=150></A><br><A href="链接地址2" target=_blank><IMG src="图片地址2" height=150></A><br><A href="链接地址3" target=_blank><IMG src="图片地址3" height=150></A><br><A href="链接地址4" target=_blank><IMG src="图片地址4" height=150></A></MARQUEE>
效果图:
三一:多图来回移动(友情链接形式)
原始代码:
<MARQUEE scrollAmount=3 behavior=alternate><A href="链接地址1" target=_blank><IMG src="图片地址1" height=150></A> <A href="链接地址2" target=_blank><IMG src="图片地址2" height=150></A> <A href="链接地址3" target=_blank><IMG src="图片地址3" height=150></A> <A href="链接地址4" target=_blank><IMG src="图片地址4" height=150></A></MARQUEE>
效果代码图:
三二:单图重影叠合移动(移动一次停)=刷新看效果,查看更多滤镜=
原始代码:
<TABLE cellSpacing=0 cellPadding=0 height=150 width=200 background=图片地址 border=0>
<TBODY>
<TR>
<TD>
<MARQUEE scrollAmount=2 direction=right scrollDelay=80 behavior=slide loop=1 height=150 DIV ALIGN="right">
<IMG style="FILTER: Alpha(Opacity=60)" src=图片地址></MARQUEE></TD></TR></TBODY></TABLE>
效果图:
|
三三:双图透明复合移动(移动一次停)=查看更多滤镜效果=
原始代码:
<TABLE cellSpacing=0 cellPadding=0 height=150 width=200 background=图片1地址 border=0>
<TBODY>
<TR>
<TD>
<MARQUEE scrollAmount=2 scrollDelay=80 behavior=slide loop=1 height=150 DIV ALIGN="right">
<IMG style="FILTER: Alpha(Opacity=60)" src=图片2地址></MARQUEE></TD></TR></TBODY></TABLE>
效果图:
|
评论