一、方法一
<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>
最后
以上就是危机荔枝最近收集整理的关于图片并排向左或向右滚动,鼠标点击可进入看大图的全部内容,更多相关图片并排向左或向右滚动内容请搜索靠谱客的其他文章。
发表评论 取消回复