注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

jinlch的博客

向各位博友学习

 
 
 

日志

 
 

【引用】图片移动全都汇(样式大全)  

2011-05-10 09:13:48|  分类: 默认分类 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

 一:图片向移动

原始代码:

<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    移动范围宽度值

效果图:

图片移动全都汇(样式大全) - 娟子 - 海之女 图片移动全都汇(样式大全) - 娟子 - 海之女
 
 
十六:图片两边往中间移动
原始代码:
<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特效=查看更多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>

效果图:

 

 

图片移动全都汇(样式大全) - 娟子 - 海之女
  评论这张
 
阅读(22)| 评论(0)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017