打开APP
userphoto
未登录

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

开通VIP
引用 图片移动全都汇(样式大全)
2010-09-07 08:42:50|  分类:╠博客技巧╣ |  标签: |字号大中小
本文引用自寒情《图片移动全都汇(样式大全)》
引用
寒情图片移动全都汇(样式大全)
站内留言交换链接本站资源电子邮件QQ互动
一:图片向左移动
<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  移动高度
十五:图片中间向两边移动
<DIV align=center><MARQUEE width=170 scrollAmount=2><IMG  src=图片地址></MARQUEE>
<MARQUEE direction=right  width=170 scrollAmount=2><IMG  src=图片地址></MARQUEE></DIV>
width=170    移动范围宽度值
十六:图片两边往中间移动
<DIV align=center><MARQUEE width=170 scrollAmount=2><IMG  src=图片地址></MARQUEE>
<MARQUEE direction=right  width=170 scrollAmount=2><IMG  src=图片地址></MARQUEE></DIV>
 
十七:图片中间往上下移动
<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=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特效
<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>
〓如何查找FLASH·点击查看〓
二七:图片倒影并行
<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>
〓更多图片滤镜·点击查看〓
移动文字全都汇
    
日志题图应用与代码
教你批量下载图片     
教你不用软件截图
博客公告栏制作     
如何上传Flash文件
如何下载Flash动画     
滚动条框制作方法
如何制作日志边框     
日志图文排列样式
日志标题框应用     
博客基本代碼解讀
更多的博客技巧与代码——点击阅读 >>>>>
本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
制作一个唱歌模版
〖代码〗漂亮的动态相册
怎样自制移动相片
制作滚动的图片
如何制作拉幕图片
【代码应用】用代码制作图片渐显渐缩
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服