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

南山文化园

亭闲有竹春常在,山静无人水自流

 
 
 

日志

 
 
关于我

机关干部,喜欢上网、看书、看电视,爱好爬山、拍照、看风景,喜欢探究问题,习惯求真求实。常将所见所闻所思所感付于笔端,诚心以文会友,以情交友。

网易考拉推荐

【转载】移动图片加链接的代码  

2015-01-29 16:18:25|  分类: 电脑网络知识 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

 

       最近有朋友问我,移动图片的连接问题,其实偶博客里早就有相关的文章!现在偶把常用的移动图片链接的代码,重新整理了一下,希望对新朋友有用!

向右移动:

移动图片加链接的代码 - Good fun - Good fun 移动图片加链接的代码 - Good fun - Good fun 移动图片加链接的代码 - Good fun - Good fun 移动图片加链接的代码 - Good fun - Good fun

 

代码:

<DIV style="WIDTH: 100%">
<MARQUEE scrollAmount=2 scrollDelay=30 direction=right width="100%" height=90>

<A href="链接地址1"    target=_blank><IMG height=90 src="图片地址1" width=90 border=0></A>

<A href="链接地址2" target=_blank><IMG height=90 src="图片地址2" width=90 border=0></A>

<A href="链接地址3" target=_blank><IMG height=90 src="图片地址3" width=90 border=0></A>

 <A href="链接地址4" target=_blank><IMG height=90 src="图片地址4" width=90border=0></A>

</MARQUEE></DIV>

 

 向左移动:

移动图片加链接的代码 - Good fun - Good fun 移动图片加链接的代码 - Good fun - Good fun 移动图片加链接的代码 - Good fun - Good fun 移动图片加链接的代码 - Good fun - Good fun

 

码:

<DIV style="WIDTH: 100%">
<MARQUEE scrollAmount=2 scrollDelay=30  width="100%" height=90>

<A href="链接地址1"    target=_blank><IMG height=90 src="图片地址1" width=90 border=0></A>

<A href="链接地址2" target=_blank><IMG height=90 src="图片地址2" width=90 border=0></A>

<A href="链接地址3" target=_blank><IMG height=90 src="图片地址3" width=90 border=0></A>

 <A href="链接地址4" target=_blank><IMG height=90 src="图片地址4" width=90border=0></A>

</MARQUEE></DIV>

 

向上:

 

2009年6月1日 - Good fun - .
2009年6月1日 - Good fun - .
2009年6月1日 - Good fun - .
2009年6月1日 - Good fun - .

 

 

 

 

向上的代码:

<MARQUEE scrollAmount=1 scrollDelay=60 direction=up width=180 height=360>
<DIV align=center><A href="链接地址" target=_blank><IMG title="2009年6月1日 - Good fun - ." alt="2009年6月1日 - Good fun - ." src="图片地址" width=180 border=0></A></DIV>
<DIV align=center><A href="链接地址" target=_blank><IMG title="2009年6月1日 - Good fun - ." alt="2009年6月1日 - Good fun - ." src="图片地址" width=180 border=0></A></DIV>
<DIV align=center><A href="链接地址" target=_blank><IMG title="2009年6月1日 - Good fun - ." alt="2009年6月1日 - Good fun - ." src="图片地址" width=180 border=0></A></DIV>
<DIV align=center><A href="链接地址" target=_blank><IMG title="2009年6月1日 - Good fun - ." alt="2009年6月1日 - Good fun - ." src="图片地址" width=180 border=0></A></DIV>
</MARQUEE>

 

现在Good fun再来简单的介绍一下滚动代码的一些基本属性:

    1、scrollAmount=2 是滚动的距离,数值越大,滚动的越快。

    2、 direction=right   是滚动的方向,偶已经发表了3个方向的代码了,你就不用再改动它了。            

    3、width="100%" height=90  分别是滚动显示的宽度和高度,"100%"表示全屏,你可以直接用数字,比如:"300 "。

 

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

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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