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

启野的博客

淡淡的雾,淡淡的雨,淡淡的云彩悠悠的游。

 
 
 

日志

 
 

HTML图片移动、及其图片链接网址移动代码(二)  

2009-05-11 22:41:32|  分类: HTML专区 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

一、图片移动

1、向左移动代码(left):

A、简易方法参照:

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

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

B、代码:

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

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

图片移动、及其图片链接网址移动代码 - qy-0824 - 启野的博客图片移动、及其图片链接网址移动代码 - qy-0824 - 启野的博客图片移动、及其图片链接网址移动代码 - qy-0824 - 启野的博客图片移动、及其图片链接网址移动代码 - qy-0824 - 启野的博客图片移动、及其图片链接网址移动代码 - qy-0824 - 启野的博客
 
2、向右移动代码(left改为right)

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

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

图片移动、及其图片链接网址移动代码 - qy-0824 - 启野的博客图片移动、及其图片链接网址移动代码 - qy-0824 - 启野的博客图片移动、及其图片链接网址移动代码 - qy-0824 - 启野的博客图片移动、及其图片链接网址移动代码 - qy-0824 - 启野的博客图片移动、及其图片链接网址移动代码 - qy-0824 - 启野的博客图片移动、及其图片链接网址移动代码 - qy-0824 - 启野的博客

 

3、向上移动代码(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也可以添加到向左向右移动的特效中去。

 

图片移动、及其图片链接网址移动代码 - qy-0824 - 启野的博客图片移动、及其图片链接网址移动代码 - qy-0824 - 启野的博客图片移动、及其图片链接网址移动代码 - qy-0824 - 启野的博客图片移动、及其图片链接网址移动代码 - qy-0824 - 启野的博客

 

4、向下移动代码(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也可以添加到向左向右移动的特效中去。

 

图片移动、及其图片链接网址移动代码 - qy-0824 - 启野的博客图片移动、及其图片链接网址移动代码 - qy-0824 - 启野的博客图片移动、及其图片链接网址移动代码 - qy-0824 - 启野的博客图片移动、及其图片链接网址移动代码 - qy-0824 - 启野的博客
 
5、来回移动代码:

<MARQUEE scrollAmount=3 behavior=alternate width="100%"><img src="你的图片"></marquee>

 

 

图片移动、及其图片链接网址移动代码 - qy-0824 - 启野的博客

 

6、上下起伏的代码:

<MARQUEE><MARQUEE direction=up behavior=alternate height=200><IMG src=" 图片地址"></MARQUEE></MARQUEE>

 

图片移动、及其图片链接网址移动代码 - qy-0824 - 启野的博客

 

7、中间向两边移动代码:

<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>

 

  图片移动、及其图片链接网址移动代码 - qy-0824 - 启野的博客 图片移动、及其图片链接网址移动代码 - qy-0824 - 启野的博客

 

8、中间相对上下移动代码:

<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>

 

图片移动、及其图片链接网址移动代码 - qy-0824 - 启野的博客
图片移动、及其图片链接网址移动代码 - qy-0824 - 启野的博客
 

9、百叶窗移动代码:

<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>

 

图片移动、及其图片链接网址移动代码 - qy-0824 - 启野的博客 图片移动、及其图片链接网址移动代码 - qy-0824 - 启野的博客 图片移动、及其图片链接网址移动代码 - qy-0824 - 启野的博客 图片移动、及其图片链接网址移动代码 - qy-0824 - 启野的博客

 

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

图片链接网址移动代码

参照:

图片链接移动代码原代码:

<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 - 启野的博客点击两张图片可以打开不同的两个网址,可以添加多张图片和网址。

 

图片移动、及其图片链接网址移动代码 - qy-0824 - 启野的博客图片移动、及其图片链接网址移动代码 - qy-0824 - 启野的博客
 
 
 

日志素材—gif花开四季(四)  - qy-0824 - 启野的博客点击启野相关链接网址:

文字图片的链接:

文字特效代码(一)

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

所有代码的粘贴法

一种找到图片地址(或者存大图)极简单的方法

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

历史上的今天

评论

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

页脚

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