图片流动效果实现（代码）

最新推荐文章于 2022-12-06 15:10:17 发布

_隐

最新推荐文章于 2022-12-06 15:10:17 发布

阅读量1.3k

点赞数

本文链接：https://blog.csdn.net/xinsuiyidong888/article/details/8637592

版权

网站前台开发代码总结专栏收录该内容

3 篇文章 0 订阅

订阅专栏

<div id="www_qpsh_com" style="overflow:hidden;height:133px;width:600px;color:#ff0000;">
<table align="left" cellpadding="0" cellspaceing="0" border="0"><tr><td id="www_qpsh_com1" valign="top">
<table border="0" cellpadding="0" cellspacing="0" ><tr>
<td>
<div style="width:135px; height:125px; float:left; margin-right:10px;">
<a href="" target="_blank" title=""><img border="0" src="img1.jpg" width="135" height="125"></a>
</div>
</td>
</tr></table>
</td><td id="www_qpsh_com2" valign="top"></td></tr></table></div>
<script type="text/javascript">
var fx = 0;
var speed = 50//速度数值越大速度越慢
www_qpsh_com2.innerHTML = www_qpsh_com1.innerHTML
function Marquee() {
if (fx == 0) {
if (www_qpsh_com2.offsetWidth - www_qpsh_com.scrollLeft <= 0)
www_qpsh_com.scrollLeft -= www_qpsh_com1.offsetWidth
else {
www_qpsh_com.scrollLeft++
}
} else {
if (www_qpsh_com.scrollLeft <= 0) {
www_qpsh_com.scrollLeft += www_qpsh_com1.offsetWidth
}
else {
www_qpsh_com.scrollLeft--
}
}
}
var MyMar = setInterval(Marquee, speed)
www_qpsh_com.onmouseover = function () { clearInterval(MyMar) }
www_qpsh_com.onmouseout = function () { MyMar = setInterval(Marquee, speed) }
function left() {
fx = 0;
}
function right() {
fx = 1;
}
function linkmenu(id){
document.getElementById("linkmenu1").className="";document.getElementById("linkmenu2").className="";
document.getElementById("linkmenu"+id).className="linkon";
document.getElementById("linkcont1").style.display="none";document.getElementById("linkcont2").style.display="none";
document.getElementById("linkcont"+id).style.display="";
}

</script>

图片样式