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

民哥的博客

民哥漫士

 
 
 

日志

 
 

【引用】图片移动代码  

2011-12-18 19:35:02|  分类: 博客制作 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
本文转载自闲散人也《图片移动代码》

 

图片移动代码


代码:

<MARQUEE scrollAmount=2 direction=left width=界面宽度 height=界面高度><IMG src="图片地址"  width=图片宽度 height=图片高度></MARQUEE>

说明:

MARQUEE  移动标示。

scrollAmount=2  移动速度,数字可调,大则快、小则慢。

direction=left  移动方向,表示向左移动(一般省略);direction=right  向右移动;behavior=alternate  左右往复移动;direction=up  向上移动;direction=down  向下移动。

左右移动时,界面宽度根据实际设定,界面高度一般不设(或设为图片高度),由图片高度限定;上下移动时,要设定界面高度,界面宽度可由图片宽度限定。


以下是各个方向移动示图及代码:


左移:

空 - 闲散人也 - .

左移代码: <MARQUEE scrollAmount=2 direction=left width="100%" height=130><IMG src="http://img33.bimg.126.net/photo/zdWdCfvO7v6mZNh2OcYNjQ==/3709277243093655636.jpg"></MARQUEE>


右移:

空 - 闲散人也 - .

右移代码: <MARQUEE scrollAmount=2 direction=right width="100%" height=130><IMG src="http://img33.bimg.126.net/photo/zdWdCfvO7v6mZNh2OcYNjQ==/3709277243093655636.jpg"></MARQUEE>


往复:

空 - 闲散人也 - .

往复代码: <MARQUEE scrollAmount=2 behavior=alternate width="100%" height=130><IMG src="http://img33.bimg.126.net/photo/zdWdCfvO7v6mZNh2OcYNjQ==/3709277243093655636.jpg"></MARQUEE>


上移代码:<MARQUEE scrollAmount=2 direction=up width=380 height=300><IMG src="http://img306.ph.126.net/obmjou5vhbOGtU8xM6B6AA==/3860429305586981170.jpg" width=100></P></MARQUEE>

下移代码: <MARQUEE scrollAmount=2 direction=down width=380 height=300><IMG src="http://img306.ph.126.net/Hf3Ue7T_A_B364qSLXn6UA==/2193815968484675422.jpg" width=100></P></MARQUEE>

上移:

空 - 闲散人也 - .

下移:

空 - 闲散人也 - .

以上是单幅图片的移动,亦可作多幅图片的移动并加上链接,向左移动代码如下:

<MARQUEE scrollAmount=2 direction=left width="100%" height=128>

<A href=""><IMG height=128 src="图片地址1" width=128 border=0></A>

<A href=""><IMG height=128 src="图片地址2" width=128 border=0></A>

<A href=""><IMG height=128 src="图片地址3" width=128 border=0></A>

<A href=""><IMG height=128 src="图片地址4" width=128 border=0></A>

<A href=""><IMG height=128 src="图片地址5" width=128 border=0></A>

......

<A href=""><IMG height=128 src="图片地址n" width=128 border=0></A>

</MARQUEE>

如变化移动方向,用 direction=right   behavior=alternate   direction=up   direction=down 替换调direction=left。

下面是多幅图片的移动:

图片移动代码 - 闲散人也 - . 图片移动代码 - 闲散人也 - . 图片移动代码 - 闲散人也 - . 图片移动代码 - 闲散人也 - . 图片移动代码 - 闲散人也 - . 图片移动代码 - 闲散人也 - . 图片移动代码 - 闲散人也 - . 图片移动代码 - 闲散人也 - . 图片移动代码 - 闲散人也 - .

图片移动代码 - 闲散人也 - . 图片移动代码 - 闲散人也 - . 图片移动代码 - 闲散人也 - . 图片移动代码 - 闲散人也 - . 图片移动代码 - 闲散人也 - . 图片移动代码 - 闲散人也 - . 图片移动代码 - 闲散人也 - . 图片移动代码 - 闲散人也 - . 图片移动代码 - 闲散人也 - .

图片移动代码 - 闲散人也 - . 图片移动代码 - 闲散人也 - . 图片移动代码 - 闲散人也 - . 图片移动代码 - 闲散人也 - . 图片移动代码 - 闲散人也 - . 图片移动代码 - 闲散人也 - . 图片移动代码 - 闲散人也 - . 图片移动代码 - 闲散人也 - . 图片移动代码 - 闲散人也 - .

图片移动代码 - 闲散人也 - .

图片移动代码 - 闲散人也 - .

图片移动代码 - 闲散人也 - .

图片移动代码 - 闲散人也 - .

图片移动代码 - 闲散人也 - .

图片移动代码 - 闲散人也 - .

图片移动代码 - 闲散人也 - .

图片移动代码 - 闲散人也 - .

图片移动代码 - 闲散人也 - .
图片移动代码 - 闲散人也 - .

图片移动代码 - 闲散人也 - .

图片移动代码 - 闲散人也 - .

图片移动代码 - 闲散人也 - .

图片移动代码 - 闲散人也 - .

图片移动代码 - 闲散人也 - .

图片移动代码 - 闲散人也 - .

图片移动代码 - 闲散人也 - .

图片移动代码 - 闲散人也 - .
图片移动代码 - 闲散人也 - .

图片移动代码 - 闲散人也 - .

图片移动代码 - 闲散人也 - .

图片移动代码 - 闲散人也 - .

图片移动代码 - 闲散人也 - .

图片移动代码 - 闲散人也 - .

图片移动代码 - 闲散人也 - .

图片移动代码 - 闲散人也 - .

图片移动代码 - 闲散人也 - .
图片移动代码 - 闲散人也 - .

图片移动代码 - 闲散人也 - .

图片移动代码 - 闲散人也 - .

图片移动代码 - 闲散人也 - .

图片移动代码 - 闲散人也 - .

图片移动代码 - 闲散人也 - .

图片移动代码 - 闲散人也 - .

图片移动代码 - 闲散人也 - .

图片移动代码 - 闲散人也 - .

图片移动代码 - 闲散人也 - .

  评论这张
 
阅读(14)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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