javascript图片切换
时间: 2023-11-25 08:45:22 浏览: 96
JavaScript图片切换是一种通过JavaScript代码实现在网页中动态切换图片的效果的方法。根据提供的引用内容,可以使用以下代码实现简单的图片切换效果:
```
<div id="demog">
<div id="demog1">
图片组
</div>
<div id="demog2">
图片组
</div>
</div>
<script>
var sspeed = 10;
demog2.innerHTML = demog1.innerHTML;
function Marquees() {
if (demog2.offsetWidth - demog.scrollLeft <= 0) {
demog.scrollLeft -= demog1.offsetWidth;
} else {
demog.scrollLeft++;
}
}
var MyMars = setInterval(Marquees, sspeed);
demog.onmouseover = function() {
clearInterval(MyMars);
};
demog.onmouseout = function() {
MyMars = setInterval(Marquees, sspeed);
};
</script>
```
以上代码会实现一个在网页中两组相同图片之间无缝切换的效果。其中,`demog`是外层容器的ID,`demog1`和`demog2`是两组图片的容器ID,`sspeed`表示切换速度。
阅读全文
相关推荐


















