img {padding: 0 margin: 0}
</style>
把这个css加到</head>之前
<html><head>
<meta http-equiv="Content-Type" content="text/htmlcharset=gb2312">
<title>无标题文档</title>
</head>
<body background="images/right_03.jpg" leftmargin="0" topmargin="0">
<marquee height="332" direction="up" scrollamount="2" onMouseOver="this.stop()" onMouseOut="this.start()">
<table width="164" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="124" align="center"><img src="images/2.jpg" width="160" height="120"></td>
</tr>
<tr>
<td height="124" align="center"><img src="images/3.jpg" width="160" height="120"></td>
</tr>
<tr>
<td height="120" align="center"><img src="images/4.jpg" width="160" height="116"></td>
</tr>
<tr>
<td height="124" align="center"><img src="images/5.jpg" width="160" height="120"></td>
</tr>
<tr>
<td height="122" align="center"><img src="images/6.jpg" width="160" height="118"></td>
</tr>
<tr>
<td height="92" align="center"><img src="images/7.jpg" width="160" height="88"></td>
</tr>
<tr>
<td height="107" align="center"><img src="images/8.jpg" width="160" height="105"></td>
</tr>
</table>
</marquee>
</body>
</html>
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/htmlcharset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
/*gundongtupian*/
#demo0 {
width:712px
height:134px
overflow:hidden
margin:auto
}
#demo0 img {
float:left
margin-left:10px
border:3px #ffffff solid
}
#indemo0 {
float: left
width: 800%
}
#demo10 {
float: left
}
#demo20 {
float: left
}
</style>
</head><body>
<div id="demo0">
<div id="indemo0">
<div id="demo10">
<a href="#"><img src="images/tu1.jpg" width="167" height="128" border="0" /></a>
<a href="#"><img src="images/tu1.jpg" width="168" height="128" border="0" /></a>
<a href="#"><img src="images/tu1.jpg" width="168" height="128" border="0" /></a>
<a href="#"><img src="images/tu1.jpg" width="168" height="128" border="0" /></a>
<a href="#"><img src="images/tu1.jpg" width="168" height="128" border="0" /></a>
</div>
<div id="demo20"></div>
</div>
</div>
<script language="javascript">
<!--
var speed0=40//数字越大速度越慢
var tabb=document.getElementById("demo0")
var tabb1=document.getElementById("demo10")
var tabb2=document.getElementById("demo20")
tabb2.innerHTML=tabb1.innerHTML+tabb1.innerHTML
function Marquee2(){
if(tabb2.offsetWidth-tabb.scrollLeft<=0)
tabb.scrollLeft-=tabb1.offsetWidth
else{
tabb.scrollLeft++
}
}
var MyMar2=setInterval(Marquee2,speed0)
tabb.onmouseover=function(){clearInterval(MyMar2)}
tabb.onmouseout=function(){MyMar2=setInterval(Marquee2,speed0)}
-->
</script>
</body>
</html>
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）