代码收藏 javascript 图片滚动代码
1、横向无间断滚动
<!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>
<title></title>
</head>
<body>
<table width="700" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<div id="www_qpsh_com" style="overflow: hidden; height: 120px; width: 700px; color: #ff0000">
<table align="left" cellpadding="0" cellspacing="0" border="0">
<tr>
<td id="www_qpsh_com1" valign="top">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<a href="http://www.qpsh.com/javascript/showpage2443.htm" target="_blank">
<img border="0" src="http://www.qpsh.com/icon/BS9097.jpg" width="150" height="100"
hspace="22"></a><br>
<center>
<b>说明一</b></center>
</td>
<td width="30">
</td>
<td>
<a href="http://www.qpsh.com" target="_blank">
<img border="0" src="http://www.qpsh.com/icon/BS9092.jpg" width="150" height="100"
hspace="22"></a><br>
<center>
<b>说明二</b></center>
</td>
<td width="30">
</td>
<td>
<a href="http://www.3sdo.com" target="_blank">
<img border="0" src="http://www.qpsh.com/icon/BS9084.jpg" width="150" height="100"
hspace="22"></a><br>
<center>
<b>说明三</b></center>
</td>
<td width="30">
</td>
<td>
<a href="http://www.sanguo5.com" target="_blank">
<img border="0" src="http://www.qpsh.com/icon/BS9079.jpg" width="150" height="100"
hspace="22"></a><br>
<center>
<b>说明四</b></center>
</td>
<td width="30">
</td>
<td>
<a href="http://www.pc555.com" target="_blank">
<img border="0" src="http://www.qpsh.com/icon/BS9070.jpg" width="150" height="100"
hspace="22"></a><br>
<center>
<b>说明五</b></center>
</td>
</tr>
</table>
</td>
<td id="www_qpsh_com2" valign="top">
</td>
</tr>
</table>
</div>
</td>
</tr>
</table>
<script type="text/javascript">
var speedMy = 10//速度数值越大速度越慢
www_qpsh_com2.innerHTML = www_qpsh_com1.innerHTML
function Marquee1() {
if (www_qpsh_com2.offsetWidth - www_qpsh_com.scrollLeft <= 0)
www_qpsh_com.scrollLeft -= www_qpsh_com1.offsetWidth
else {
www_qpsh_com.scrollLeft++
}
}
var MyMar1 = setInterval(Marquee1, speedMy)
www_qpsh_com.onmouseover = function() { clearInterval(MyMar1) }
www_qpsh_com.onmouseout = function() { MyMar1 = setInterval(Marquee1, speedMy) }
</script>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
</head>
<body>
<table width="700" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<div id="www_qpsh_com" style="overflow: hidden; height: 120px; width: 700px; color: #ff0000">
<table align="left" cellpadding="0" cellspacing="0" border="0">
<tr>
<td id="www_qpsh_com1" valign="top">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<a href="http://www.qpsh.com/javascript/showpage2443.htm" target="_blank">
<img border="0" src="http://www.qpsh.com/icon/BS9097.jpg" width="150" height="100"
hspace="22"></a><br>
<center>
<b>说明一</b></center>
</td>
<td width="30">
</td>
<td>
<a href="http://www.qpsh.com" target="_blank">
<img border="0" src="http://www.qpsh.com/icon/BS9092.jpg" width="150" height="100"
hspace="22"></a><br>
<center>
<b>说明二</b></center>
</td>
<td width="30">
</td>
<td>
<a href="http://www.3sdo.com" target="_blank">
<img border="0" src="http://www.qpsh.com/icon/BS9084.jpg" width="150" height="100"
hspace="22"></a><br>
<center>
<b>说明三</b></center>
</td>
<td width="30">
</td>
<td>
<a href="http://www.sanguo5.com" target="_blank">
<img border="0" src="http://www.qpsh.com/icon/BS9079.jpg" width="150" height="100"
hspace="22"></a><br>
<center>
<b>说明四</b></center>
</td>
<td width="30">
</td>
<td>
<a href="http://www.pc555.com" target="_blank">
<img border="0" src="http://www.qpsh.com/icon/BS9070.jpg" width="150" height="100"
hspace="22"></a><br>
<center>
<b>说明五</b></center>
</td>
</tr>
</table>
</td>
<td id="www_qpsh_com2" valign="top">
</td>
</tr>
</table>
</div>
</td>
</tr>
</table>
<script type="text/javascript">
var speedMy = 10//速度数值越大速度越慢
www_qpsh_com2.innerHTML = www_qpsh_com1.innerHTML
function Marquee1() {
if (www_qpsh_com2.offsetWidth - www_qpsh_com.scrollLeft <= 0)
www_qpsh_com.scrollLeft -= www_qpsh_com1.offsetWidth
else {
www_qpsh_com.scrollLeft++
}
}
var MyMar1 = setInterval(Marquee1, speedMy)
www_qpsh_com.onmouseover = function() { clearInterval(MyMar1) }
www_qpsh_com.onmouseout = function() { MyMar1 = setInterval(Marquee1, speedMy) }
</script>
</body>
</html>
