代码收藏 javascript 图片滚动代码
2009-06-18 14:31
405 查看
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>
<!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>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- JavaScript控制图片横向滚动代码
- Javascript实现图片不间断滚动的代码
- 图片连续上下滚动代码JavaScript
- （代码收藏）向上下左右不间断无缝滚动图片的效果（兼容火狐和IE）
- 网页中实现文字或图片向上不间断滚动的javascript代码
- Javascript实现图片不间断滚动的代码
- Javascript实现滚动图片新闻的实例代码
- Javascript的图片滚动浏览效果代码
- 图片无缝滚动代码(DIV+CSS+JavaScript)
- 连续滚动图片JavaScript 代码
- 由于自己的需要搜集的一些关于 “ javascript实现图片的不间断连续滚动” 的代码
- Javascript实现滚动图片新闻的实例代码
- javaScript实现图片滚动及一个普通图片轮播的代码
- JavaScript代码实现图片循环滚动效果
- 由于自己的需要搜集的一些关于 “ javascript实现图片的不间断连续滚动” 的代码
- 收藏的图片滚动的另外一个代码！
- 图片无缝滚动代码(DIV+CSS+JavaScript)
- 限制图片上传长宽的JavaScript代码
- 图片翻页滚动效果(JavaScript)
- 兼容IE和Firefox的设为首页和收藏的Javascript代码