我是靠谱客的博主 危机荔枝,这篇文章主要介绍图片并排向左或向右滚动,鼠标点击可进入看大图,现在分享给大家,希望可以做个参考。

一、方法一

<marquee scrollamount='1' scrolldelay='30' direction= 'left' width='350' id='helpor_net' height='40' οnmοuseοver='helpor_net.stop()' οnmοuseοut='helpor_net.start()'>//鼠标放上去与离开的动作

<img src="images/dian.jpg" width="13" height="9"><a href="大图片的地址" target="_blank" ><img src="小图片></a>

</marquee> //这部分是显示的内容,含链接,<MARQUEE>与</MARQUEE>是这段代码的动作


二、方法二

用插件实现或者用javascript代码实现,要想在网页里实现这个功能不会编代码也没关系,网上有个软件可以自动生成代码,很容易的就可以实现这个功能。


三、方法三

用JavaScript做的
<div id="demo" style="overflow:hidden;width:608;" align="center">
<table>

<tr>

<td id="marquePic1">

<table width='100%' border='0' cellspacing='0'>

<tr>

<td align=center><a href="#"><img src="images/yidu_16.jpg" width=150 height=120 border=0></a></td>

<td align=center><a href="#"><img src="images/yidu_17.jpg" width=150 height=120 border=0></a></td>

<td align=center><a href="#"><img src="images/yidu_18.jpg" width=150 height=120 border=0></a></td>

<td align=center><a href="#"><img src="images/yidu_19.jpg" width=150 height=120 border=0></a></td>

<td align=center><a href="#"><img src="images/yidu_20.jpg" width=150 height=120 border=0></a></td>

</tr>

</table>

</td>

<td id=marquePic2 valign=top></td>

</tr>

</table>
</div>

<script language="javascript" type="text/javascript" > </script>

var speed=10

marquePic2.innerHTML=marquePic1.innerHTML

function Marquee(){

if(demo.scrollLeft>=marquePic1.scrollWidth){

demo.scrollLeft=0

}else{

demo.scrollLeft++

}

}

var MyMar=setInterval(Marquee,speed)

demo.οnmοuseοver=function() {clearInterval(MyMar)}

demo.οnmοuseοut=function() {MyMar=setInterval(Marquee,speed)

}

</script>

最后

以上就是危机荔枝最近收集整理的关于图片并排向左或向右滚动,鼠标点击可进入看大图的全部内容,更多相关图片并排向左或向右滚动内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(105)

评论列表共有 0 条评论

立即
投稿
返回
顶部