图片左右自动滚动js代码
3个回答
展开全部
不知道你是不是要这样的
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
#w600 {
width:800px;
border:#666 1px dashed;
overflow:hidden;
}
.w400 {
width:800px;
float:left;
}
.w1800 {
width:1600px;
}
.w400 div {
width:200px;
background:red;
height:200px;
float:left;
overflow:hidden;
}
</style>
</head>
<body>
<div id="w600">
<div id="w400" class="w1800">
<div id="w4" class="w400">
<div><img src="77款配色方案/psu.jpg" /></div>
<div><img src="77款配色方案/psu1.jpg" /></div>
<div><img src="77款配色方案/psu2.jpg" /></div>
<div><img src="77款配色方案/psu3.jpg" /></div>
</div>
<div id="wp4" class="w400"></div>
</div>
<div style="clear:both;"></div>
</div>
<p id="num">jjkdf</p>
<script type="text/javascript">
document.all.wp4.innerHTML=document.all.w4.innerHTML;
function autoPlay(divW,speed){
function scr(){
mBox=document.all.w600;
iBox=document.all.w4;
if(mBox.scrollLeft<iBox.offsetWidth){
mBox.scrollLeft+=divW;
}
else {
mBox.scrollLeft=-mBox.offsetWidth;
}
var numC=document.all.num;
numC.innerHTML=mBox.scrollLeft;//获取滚动数据
}
t=setInterval(scr,speed);
}
autoPlay(5,50);//自动播放 （滚动像素，滚动时间）
</script>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
#w600 {
width:800px;
border:#666 1px dashed;
overflow:hidden;
}
.w400 {
width:800px;
float:left;
}
.w1800 {
width:1600px;
}
.w400 div {
width:200px;
background:red;
height:200px;
float:left;
overflow:hidden;
}
</style>
</head>
<body>
<div id="w600">
<div id="w400" class="w1800">
<div id="w4" class="w400">
<div><img src="77款配色方案/psu.jpg" /></div>
<div><img src="77款配色方案/psu1.jpg" /></div>
<div><img src="77款配色方案/psu2.jpg" /></div>
<div><img src="77款配色方案/psu3.jpg" /></div>
</div>
<div id="wp4" class="w400"></div>
</div>
<div style="clear:both;"></div>
</div>
<p id="num">jjkdf</p>
<script type="text/javascript">
document.all.wp4.innerHTML=document.all.w4.innerHTML;
function autoPlay(divW,speed){
function scr(){
mBox=document.all.w600;
iBox=document.all.w4;
if(mBox.scrollLeft<iBox.offsetWidth){
mBox.scrollLeft+=divW;
}
else {
mBox.scrollLeft=-mBox.offsetWidth;
}
var numC=document.all.num;
numC.innerHTML=mBox.scrollLeft;//获取滚动数据
}
t=setInterval(scr,speed);
}
autoPlay(5,50);//自动播放 （滚动像素，滚动时间）
</script>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
这是一个用的非常多的左右滚动的代码。http://www.lanrentuku.com/js/jiaodiantu-813.html
还有其他的是：http://www.jb51.net/article/14422.htm
这个各个滚动都有了。
还有其他的是：http://www.jb51.net/article/14422.htm
这个各个滚动都有了。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
用jquery插件就很容易实现，网上有很多，百度一下，你就知道了
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
