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

 
 
 

日志

 
 
关于我

徜徉在明月清风的意象中, 领略中华诗词的恒久魅力。(中华诗词学会会员, 广东惠州市诗词楹联学会理事。所有原创作品未经同意,不得窃取, 转载)

网易考拉推荐

引用 如何给滚动图片加链接  

2009-03-02 16:06:54|  分类: 默认分类 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

引用

小小如何给滚动图片加链接



      

图片滚动效果如下:

      

引用 如何给滚动图片加链接 - 绿韵 - 引用 如何给滚动图片加链接 - 绿韵 - 绿韵的博客 引用 如何给滚动图片加链接 - 绿韵 - 绿韵的博客 引用 如何给滚动图片加链接 - 绿韵 - 绿韵的博客 引用 如何给滚动图片加链接 - 绿韵 - 绿韵的博客 引用 如何给滚动图片加链接 - 绿韵 - 绿韵的博客

 

        代码如下:

    <marquee behavior=alternate height=120 widhth="90">

<P align=left>

<P align=center><a href="链接地址" target="_blank"><IMG src="图片地址" width=90 border="0"></a> <a href="链接地址" target="_blank"><IMG src="图片地址" width=90 border="0"></a> <a href="链接地址l" target="_blank"><IMG src="图片地址" width=90 border="0"></a> <a href="链接地址" target="_blank"><IMG src="图片地址" width=90 border="0"></a> <a href="链接地址" target="_blank"><IMG src="图片地址" width=90 border="0"></a>

<a href="图片要链接的地址" target="_blank"><IMG src="图片地址" width=图片宽度border="图片边框宽度"></a>

。。。。。。(兰色的部分,就是想要加入的图片链接个数)

 

如何实现图片的上下左右滚动

 

<marquee width=图片宽度 height=图片高度 align=middle>

把图片的连接地址写在这里

</marquee>

1.direction属性:决定文本的滚动方向,分为向左left和向右right,up和down默认状态向左。

<marquee direction=left>从右向左滚动</marquee>

<marquee direction=right>从左向右滚动</marquee>

2.behavior属性:指定文本的滚动方式,分为三种:

Scroll:从一端消失后,在另一端出现并继续滚动。

<marquee behavior=scroll>一圈一圈地滚动</marquee>

Slide:从一端滚动,接触到另一端后停止

<marquee behaviro=slide>只滚动一次就停止</marquee>

Alternate:从一端滚动到另一端后,反向滚动。

<marquee behavior=alternate>来回滚动</marquee>

direction=up(left、right、down) 这个属性可以更改,这样就可以实现上下左右了.具体的例子我就不举了,大家自己试验一下,就明白了。

 

大家有问题可以继续留言,我有时间会定期整理,汇总成教程,谢谢大家对我的信任!

网易博客图片移动特效代码   

1. 左右移动 效果图:
引用 如何给滚动图片加链接 - 绿韵 - 绿韵的博客 引用 如何给滚动图片加链接 - 绿韵 - 绿韵的博客 引用 如何给滚动图片加链接 - 绿韵 - 绿韵的博客 引用 如何给滚动图片加链接 - 绿韵 - 绿韵的博客 引用 如何给滚动图片加链接 - 绿韵 - 绿韵的博客 引用 如何给滚动图片加链接 - 绿韵 - 绿韵的博客 引用 如何给滚动图片加链接 - 绿韵 - 绿韵的博客 引用 如何给滚动图片加链接 - 绿韵 - 绿韵的博客 引用 如何给滚动图片加链接 - 绿韵 - 绿韵的博客

 代码:

<DIV style=" WIDTH: 100%">

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

<A href="http://87185166zrj.blog.163.com/" target=_blank><IMG height=128 src="图片地址" width=128 border=0></A>

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

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

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

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

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

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

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

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

</MARQUEE></DIV>

2.上下移动效果图:

 

引用 如何给滚动图片加链接 - 绿韵 - 绿韵的博客 引用 如何给滚动图片加链接 - 绿韵 - 绿韵的博客 引用 如何给滚动图片加链接 - 绿韵 - 绿韵的博客引用 如何给滚动图片加链接 - 绿韵 - 绿韵的博客

 

代码:

<DIV style="OVERFLOW: hidden; WIDTH: 100%">&nbsp;

<MARQUEE scrollAmount=1 scrollDelay=4 direction=up height=600 align="center" valign="middle"><IMG height=303 src=" 图片地址" width=230 border=0> <IMG height=303 src="图片地址" width=230 border=0> <IMG height=303 src="图片地址" width=230 border=0><IMG height=303 src="图片地址" width=230 border=0> <IMG height=303 src="图片地址" width=230 border=0></MARQUEE></DIV>

小小网易博客系列代码

 

 




  评论这张
 
阅读(42)| 评论(0)
推荐

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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