分享

图片移动、及其图片链接网址移动代码

 五象之鹰 2011-02-28

一、图片移动

【向左移动代码(left)】:

A、简易方法参照:

点击图片移动效果的欣赏与制作(一)

点击清明上河图代码及其操作

B、代码:

<marquee direction=left width=宽度> <img src="你的图片地址"><img src="你的图片地址"><img src="你的图片地址"><img src="你的图片地址"></marquee>

日志素材—gif花开四季(四)  - qy-0824 - 启野的博客以次类推,可以加很多张图片,注意要加在最后一个</marquee>前面,就不会丢失移动效果。
 
【向右移动代码(left改为right)】:

<marquee direction=right width=宽度> <img src="你的图片地址"><img src="你的图片地址"><img src="你的图片地址"><img src="你的图片地址"></marquee>

日志素材—gif花开四季(四)  - qy-0824 - 启野的博客以次类推,可以加很多张图片,注意要加在最后一个</marquee>前面,就不会丢失移动效果。
 
【向上移动代码(up)】:

<marquee scrollamount="1" direction="up" width="200" height="230"><img src="第一张图片地址"><img src="第二张图片地址"><img src="第三张图片地址" ><img src="第四张图片地址"></marquee>

日志素材—gif花开四季(四)  - qy-0824 - 启野的博客注:出了变动了方向direction之外添加了速度scrollamount\高度height,速度scrollamount也可以添加到向左向右移动的特效中去。
 
【向下移动代码(down)】:

<marquee scrollamount="1" direction="down" width="200" height="230" ><img src="第一张图片地址"><img src="第二张图片地址"><img src="第三张图片地址" ><img src="第四张图片地址"></marquee>

日志素材—gif花开四季(四)  - qy-0824 - 启野的博客注:出了变动了方向direction之外添加了速度scrollamount\高度height,速度scrollamount也可以添加到向左向右移动的特效中去。
 
【上下起伏的代码】:
<MARQUEE><MARQUEE direction=up behavior=alternate height=200><IMG src=" 图片地址"></MARQUEE></MARQUEE>
 
【中间向两边移动代码】:

<MARQUEE width=220 height=50><IMG height=200 src="图片地址" width=500></MARQUEE><MARQUEE direction=right width=220 height=50><IMG height=200 src="图片地址" width=500></MARQUEE>

 
 
【中间相对上下移动代码】:
<MARQUEE direction=up width=400 height=400><IMG height=600 src="图片地址" width=400></MARQUEE><MARQUEE direction=down width=400 height=400><IMG height=600 src="图片地址" width=400></MARQUEE>
 
【百叶窗移动代码】:
<MARQUEE scrollAmount=1 direction=right width=180><IMG src="图片地址"></MARQUEE><MARQUEE scrollAmount=1 width=180><IMG src="图片地址"></MARQUEE><MARQUEE scrollAmount=1 direction=right width=180><IMG src="图片地址"></MARQUEE><MARQUEE scrollAmount=1 width=180><IMG src="图片地址"></MARQUEE>
 

 

二、图片链接网址移动代码

【图片链接网址移动代码】

参照:

<marquee scrollamount="1" scrolldelay="60" direction="up" width="200" height="230"><div align="center"><a href="第一个连接网址" target="_blank"><img src="第一张图片地址" width="200" border="0" /></a></div><div align="center"><a href=第二个连接网址 target="_blank"><img src="第二张图片地址" width="200" border="0" /></a></div></marquee>

简化后的的代码:

<marquee scrollamount="1"  direction="up" width="200" height="230"><a href="第一个连接网址" target="_blank"><img src="第一张图片地址" width="200" border="0" /><a href=第二个连接网址 target="_blank"><img src="第二张图片地址" width="200" border="0" /></marquee>

 日志素材—gif花开四季(四)  - qy-0824 - 启野的博客点击两张图片可以打开不同的两个网址,可以添加多张图片和网址。
 
 

 由于图例较多 不再一一举例。

 

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约