javascript 实现图片2秒自动切换鼠标悬浮切换图片

最新推荐文章于 2024-01-18 22:18:01 发布

尨挚

最新推荐文章于 2024-01-18 22:18:01 发布

阅读量4k

点赞数 6

本文链接：https://blog.csdn.net/u014486460/article/details/83064753

版权

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>图片2s自动切换</title>
    <script type="text/javascript">
        var img = ["image/mao1.jpg","image/mao2.jpg","image/mao3.jpg"]
        var nums=0
        function change() {
            nums++
            if (nums === 3) {nums = 0}
            document.getElementById("mao").src =img[nums]
        }
        setInterval("change()", 2000)
        function image(n) {
            document.getElementById("mao").src = img[n]}
    </script>
    <style type="text/css">
        ul{
            /*border:1px solid red;*/
            float: left;
            margin-top:5px;
            margin-left:100px;
        }
         ul li{
         float:left ;
         margin:0 20px;
         }
    <

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

尨挚

关注关注

6
点赞
踩
22

收藏

觉得还不错? 一键收藏
1
评论
javascript 实现图片2秒自动切换鼠标悬浮切换图片

&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;图片2s自动切换&lt;/title&gt; &lt;script type="text/javascript"&
复制链接

扫一扫