如下所示:
<html>
<head>
<title></title>
</head>
<body>
<style type="text/css">
<!--
#demo {
background: #FFF;
overflow:hidden;
border: 1px dashed #CCC;
width: 930px;
height:120px;
}
#demo img {
border: 1px solid #F2F2F2;
}
#indemo {
float: left;
width: 800%;
}
#demo1 {
float: left;
}
#demo2 {
float: left;
}
-->
</style>
<div id="demo">
<div id="indemo">
<div id="demo1">
<a href=""><img src="images/1.gif" border="0" width="120" height="120" /></a>
<a href=""><img src="images/1.gif" border="0" width="120" height="120" /></a>
<a href=""><img src="images/1.gif" border="0" width="120" height="120" /></a>
</div>
<div id="demo2"></div>
</div>
</div>
<script>
<!--
var speed=10;
var tab=document.getElementById("demo");
var tab1=document.getElementById("demo1");
var tab2=document.getElementById("demo2");
tab2.innerHTML=tab1.innerHTML;
function Marquee(){
if(tab2.offsetWidth-tab.scrollLeft<=0)
tab.scrollLeft-=tab1.offsetWidth
else{
tab.scrollLeft++;
}
}
var MyMar=setInterval(Marquee,speed);
tab.onmouseover=function() {clearInterval(MyMar)};
tab.onmouseout=function() {MyMar=setInterval(Marquee,speed)};
-->
</script>
</body>
</html>
分享到:
相关推荐
主要介绍了javascript实现图片左右滚动效果,可实现自动滚动,带有左右按钮功能,基于插件scrollPic.js实现,附带了相应的demo源码供读者下载参考,需要的朋友可以参考下
js图片向上下左右滚动的代码 图片向上滚动js代码 图片向下滚动js代码 图片向左滚动js代码 图片向右滚动js代码
本文主要介绍了js实现图片左右滚动效果的实例,具有很好的参考价值,下面跟着小编一起来看下吧
JS图片左右滚动效果代码,可以实现悬停,代码兼容各个浏览器,你只需要把中间放图片的地方改成你的,就可以
jQuery图片左右滚动效果代码是一款带左右箭头,自动轮播的jQuery图片切换特效。
JS动态可控制左右滚动的图片代码
Js切换图片+图片滚动带底部和左右按钮
在这个栏目中,新浪采用了两个滚动动画,点击左右箭头,图片可以一张张切换,切换得一点都不“唐突”,这就是jquery的功能了。像这样的动画,很常见,之前我在腾讯的女性频道上也做过此类的滚动动画。可惜有点遗憾,...
js图片左右滚动条切换是一款js实现的图片横向自定义滚动条效果,兼容目前主要浏览器。
js控制图片左右滚动 可控方向 样式自己调一下即可。
js 控制图片上下左右滚动。例子。简单无缝滚动
今天特意整理了一款js实现的图片横向自定义滚动条效果,兼容目前主要浏览器(IE6已被忽略)。 喜欢的童鞋可以拿去试试 使用方法: 1、在网页head中调用lanrenzhijia.css样式以及lanrenzhijia.js 2...
js实现图片上下左右滚动代码[参考].pdf
用css+js实现的图片水平滚动,点击向左、向右箭头可加速图片滚动
使用js实现图片左右滚动,图片向左无缝滚动,运行简单,只需下载之后就能运行。
js实现图片上下左右滚动代码参照.pdf
可控制的图片左右滚动的js+css,实现效果类似于flash
JS左右滚动的图片切换效果
左右控制图片滚动,js图片滚动代码,非常好用,希望大家来下载