87,997
社区成员




<head>
</head>
<body>
<div id="layer" style="overflow:hidden;width:280px;height:180px">
<div id="layer1">
<p> <img alt="" src="../../Images/1.jpg" /> </p>
<p> <img alt="" src="../../Images/2.jpg" /> </p>
<p> <img alt="" src="../../Images/3.jpg" /> </p>
<p> <img alt="" src="../../Images/4.jpg" /> </p>
<p> <img alt="" src="../../Images/5.jpg" /> </p>
</div>
<div id="layer2">layer2 </div>
</div>
<script type="text/javascript">
var speed=30;
var layer=document.getElementById("layer");
var layer1=document.getElementById("layer1");
var layer2=document.getElementById("layer2");
layer2.innerHTML=layer1.innerHTML;
//滑动函数
var Marquee=function(){
//当滚动至colee1与colee2交界时
if(layer2.offsetTop-layer.scrollTop <=0){
layer.scrollTop-=layer1.offsetHeight;
}
else{
layer.scrollTop++;
}
}
var MyMar=setInterval(Marquee,speed);
layer.onmouseover=function() {clearInterval(MyMar);};//鼠标移上时清除定时器达到滚动停止的目的
layer.onmouseout=function() {MyMar=setInterval(Marquee,speed);};//鼠标移开时重设定时器
</script>
</body>
<head>
</head>
<body>
<div id="layer" style="overflow:hidden;width:280px;height:180px">
<div id="layer1">
<p> <img alt="" src="../../Images/1.jpg" /> </p>
<p> <img alt="" src="../../Images/2.jpg" /> </p>
<p> <img alt="" src="../../Images/3.jpg" /> </p>
<p> <img alt="" src="../../Images/4.jpg" /> </p>
<p> <img alt="" src="../../Images/5.jpg" /> </p>
</div>
<div id="layer2">layer2 </div>
</div>
<script type="text/javascript">
var speed=30;
var layer=document.getElementById("layer");
var layer1=document.getElementById("layer1");
var layer2=document.getElementById("layer2");
alert(layer2);
layer2.innerHTML=layer1.innerHTML;
//滑动函数
var Marquee=function(){
//当滚动至colee1与colee2交界时
if(layer2.offsetTop-layer.scrollTop <=0){
leyer.scrollTop-=layer1.offsetHeight;
}
else{
layer.scrollTop++;
}
}
</script>
</body>
<head>
<script type="text/javascript">
var speed=30;
var layer=document.getElementById("layer");
var layer1=document.getElementById("layer1");
var layer2=document.getElementById("layer2");
alert(layer2);
layer2.innerHTML=layer1.innerHTML;
//滑动函数
var Marquee=function(){
//当滚动至colee1与colee2交界时
if(layer2.offsetTop-layer.scrollTop<=0){
leyer.scrollTop-=layer1.offsetHeight;
}
else{
layer.scrollTop++;
}
}
</script>
</head>
<body>
<div id="layer" style="overflow:hidden;width:280px;height:180px">
<div id="layer1">
<p><img alt="" src="../../Images/1.jpg" /></p>
<p><img alt="" src="../../Images/2.jpg" /></p>
<p><img alt="" src="../../Images/3.jpg" /></p>
<p><img alt="" src="../../Images/4.jpg" /></p>
<p><img alt="" src="../../Images/5.jpg" /></p>
</div>
<div id="layer2">layer2</div>
</div>
</body>