我想要的是就3排 然后让图片循环显示 可是在FF里就是不能出现循环显示 直接显示的是全部<!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>
<style type="text/css">
<!--
* {
font-family: "宋体";
font-size: 12px;
background-color: #fff;
margin: 0px;
padding: 0px;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
}
#lefticefable1 {
width: 320px;
margin-top: 10px;}
#leftbotpic ul {
padding-top : 0px;
width : 320px;
margin-bottom : 0px;
padding-left: 12px;
}
#leftbotpic li{
display : block;
height : 95px;
width : 85px;
list-style-type : none;
float : left;
margin-right : 15px;
}
#leftbotpic li img{
height : 66px;
width : 81px;
padding: 2px;
border: 1px solid #CCCCCC;
}
#leftbotpic li span{
display : block;
font-family : "宋体";
font-size : 12px;
text-align: center;
line-height: 24px;
clear : both;
}
-->
</style>
</head><body><div id="lefticefable1" name="lefticefable1"> <div id="leftbotpic"><div class="leftwampichight">
<ul>
<li><img src="file:///C|/Documents and Settings/yuyu/桌面/left_nav_1bg.jpg" /><span>123456</span></li><li><img src="file:///C|/Documents and Settings/yuyu/桌面/left_nav_1bg.jpg"/><span>123456</span></li>
<li><img src="file:///C|/Documents and Settings/yuyu/桌面/left_nav_1bg.jpg"/><span>123456</span></li>
<li><img src="file:///C|/Documents and Settings/yuyu/桌面/left_nav_1bg.jpg" /><span>123456</span></li>
<li><img src="file:///C|/Documents and Settings/yuyu/桌面/left_nav_1bg.jpg"/><span>123456</span></li>
<li><img src="file:///C|/Documents and Settings/yuyu/桌面/left_nav_1bg.jpg"/><span>123456</span></li>
<li><img src="file:///C|/Documents and Settings/yuyu/桌面/left_nav_1bg.jpg" /><span>123456</span></li>
<li><img src="file:///C|/Documents and Settings/yuyu/桌面/left_nav_1bg.jpg"/><span>123456</span></li>
<li><img src="file:///C|/Documents and Settings/yuyu/桌面/left_nav_1bg.jpg"/><span>123456</span></li>
<li><img src="file:///C|/Documents and Settings/yuyu/桌面/left_nav_1bg.jpg"/><span>123456</span></li><li><img src="file:///C|/Documents and Settings/yuyu/桌面/left_nav_1bg.jpg"/><span>123456</span></li>
<li><img src="file:///C|/Documents and Settings/yuyu/桌面/left_nav_1bg.jpg" /><span>123456</span></li>
<li><img src="file:///C|/Documents and Settings/yuyu/桌面/left_nav_1bg.jpg"/><span>123456</span></li>
<li><img src="file:///C|/Documents and Settings/yuyu/桌面/left_nav_1bg.jpg"/><span>123456</span></li>
</ul>
</div></div>
</div>
<div id="lefticefable2" name="lefticefable2" style="position:absolute;z-index:1;visibility:hidden"></div><script>
marqueesHeight=285;//滚动区域高度设定
stopscroll=false;
document.getElementById("lefticefable1").scrollTop=0;
with(lefticefable1){
style.width=0;
style.height=marqueesHeight;
style.overflowX="visible";
style.overflowY="hidden";
noWrap=true;
onmouseover=new Function("stopscroll=true");
onmouseout=new Function("stopscroll=false");
}
preTop=0; currentTop=0; stoptime=0;
function init_srolltext(){
document.getElementById("lefticefable2").innerHTML="";
document.getElementById("lefticefable2").innerHTML+=document.getElementById("lefticefable1").innerHTML;
document.getElementById("lefticefable1").innerHTML=document.getElementById("lefticefable2").innerHTML+document.getElementById("lefticefable2").innerHTML;
setInterval("scrollUp()",20);
}
function scrollUp(){
if(stopscroll==true) return;
currentTop+=1;
if(currentTop==97)//向上滚动高度设定
{
stoptime+=1;
currentTop-=1;
if(stoptime==150)//停顿时间设定
{
currentTop=0;
stoptime=0;
}
}
else {
preTop=document.getElementById("lefticefable1").scrollTop;
document.getElementById("lefticefable1").scrollTop+=1;
if(preTop==document.getElementById("lefticefable1").scrollTop){
document.getElementById("lefticefable1").scrollTop=document.getElementById("lefticefable2").offsetHeight-marqueesHeight;
document.getElementById("lefticefable1").scrollTop+=1;
}
}
}
init_srolltext();
</script></body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
<!--
* {
font-family: "宋体";
font-size: 12px;
background-color: #fff;
margin: 0px;
padding: 0px;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
}
#lefticefable1 {
width: 320px;
margin-top: 10px;}
#leftbotpic ul {
padding-top : 0px;
width : 320px;
margin-bottom : 0px;
padding-left: 12px;
}
#leftbotpic li{
display : block;
height : 95px;
width : 85px;
list-style-type : none;
float : left;
margin-right : 15px;
}
#leftbotpic li img{
height : 66px;
width : 81px;
padding: 2px;
border: 1px solid #CCCCCC;
}
#leftbotpic li span{
display : block;
font-family : "宋体";
font-size : 12px;
text-align: center;
line-height: 24px;
clear : both;
}
-->
</style>
</head><body><div id="lefticefable1" name="lefticefable1"> <div id="leftbotpic"><div class="leftwampichight">
<ul>
<li><img src="file:///C|/Documents and Settings/yuyu/桌面/left_nav_1bg.jpg" /><span>123456</span></li><li><img src="file:///C|/Documents and Settings/yuyu/桌面/left_nav_1bg.jpg"/><span>123456</span></li>
<li><img src="file:///C|/Documents and Settings/yuyu/桌面/left_nav_1bg.jpg"/><span>123456</span></li>
<li><img src="file:///C|/Documents and Settings/yuyu/桌面/left_nav_1bg.jpg" /><span>123456</span></li>
<li><img src="file:///C|/Documents and Settings/yuyu/桌面/left_nav_1bg.jpg"/><span>123456</span></li>
<li><img src="file:///C|/Documents and Settings/yuyu/桌面/left_nav_1bg.jpg"/><span>123456</span></li>
<li><img src="file:///C|/Documents and Settings/yuyu/桌面/left_nav_1bg.jpg" /><span>123456</span></li>
<li><img src="file:///C|/Documents and Settings/yuyu/桌面/left_nav_1bg.jpg"/><span>123456</span></li>
<li><img src="file:///C|/Documents and Settings/yuyu/桌面/left_nav_1bg.jpg"/><span>123456</span></li>
<li><img src="file:///C|/Documents and Settings/yuyu/桌面/left_nav_1bg.jpg"/><span>123456</span></li><li><img src="file:///C|/Documents and Settings/yuyu/桌面/left_nav_1bg.jpg"/><span>123456</span></li>
<li><img src="file:///C|/Documents and Settings/yuyu/桌面/left_nav_1bg.jpg" /><span>123456</span></li>
<li><img src="file:///C|/Documents and Settings/yuyu/桌面/left_nav_1bg.jpg"/><span>123456</span></li>
<li><img src="file:///C|/Documents and Settings/yuyu/桌面/left_nav_1bg.jpg"/><span>123456</span></li>
</ul>
</div></div>
</div>
<div id="lefticefable2" name="lefticefable2" style="position:absolute;z-index:1;visibility:hidden"></div><script>
marqueesHeight=285;//滚动区域高度设定
stopscroll=false;
document.getElementById("lefticefable1").scrollTop=0;
with(lefticefable1){
style.width=0;
style.height=marqueesHeight;
style.overflowX="visible";
style.overflowY="hidden";
noWrap=true;
onmouseover=new Function("stopscroll=true");
onmouseout=new Function("stopscroll=false");
}
preTop=0; currentTop=0; stoptime=0;
function init_srolltext(){
document.getElementById("lefticefable2").innerHTML="";
document.getElementById("lefticefable2").innerHTML+=document.getElementById("lefticefable1").innerHTML;
document.getElementById("lefticefable1").innerHTML=document.getElementById("lefticefable2").innerHTML+document.getElementById("lefticefable2").innerHTML;
setInterval("scrollUp()",20);
}
function scrollUp(){
if(stopscroll==true) return;
currentTop+=1;
if(currentTop==97)//向上滚动高度设定
{
stoptime+=1;
currentTop-=1;
if(stoptime==150)//停顿时间设定
{
currentTop=0;
stoptime=0;
}
}
else {
preTop=document.getElementById("lefticefable1").scrollTop;
document.getElementById("lefticefable1").scrollTop+=1;
if(preTop==document.getElementById("lefticefable1").scrollTop){
document.getElementById("lefticefable1").scrollTop=document.getElementById("lefticefable2").offsetHeight-marqueesHeight;
document.getElementById("lefticefable1").scrollTop+=1;
}
}
}
init_srolltext();
</script></body>
</html>
解决方案 »
免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货