完美兼容各大浏览器的jQuery插件实现图片切换特(3)


<!DOCTYPE html>
<html xmlns="">
<head>
    <meta content="width=device-width">
    <title>图片切换</title>
    <script src="https://www.jb51.net/jquery-1.10.2.min.js"></script>
    <link href="https://www.jb51.net/zoeDylan.ImgChange.css" />
    <script src="https://www.jb51.net/zoeDylan.ImgChange.js"></script>
    <script>
            var a_imgs = new Array(//插入图片地址
                './1 (1).jpg',
                './1 (2).jpg',
                './1 (3).jpg',
                './1 (4).jpg'
                ),
                a_links = new Array(//点击图片跳转的网址
                'www.baidu.com',
                'www.qq.com',
                'www.google.com',
                'www.zol.com'
                ),
                a_tips = new Array(//鼠标停靠的提示
                '百度',
                '腾讯',
                '谷歌',
                '中关村'
                );
            $(function () {
            $('#imgc').zoeDylan_ImageChange({//设置
                width: 500,
                height: 300,
                imgs: a_imgs,
                links: a_links,
                tips: a_tips,
                timers:2000
            });
            });
    </script>
</head>
<body>
    <div>
<!--        <span><</span>
        <div>
            <img src="" alt="图片加载错误!" title="提示" />
        </div>
        <div><span>d</></div>
        <span>></span>-->
    </div>
</body>
</html>

ps:尽量使用高版本浏览器,目测测试浏览器:IE11 IE10 IE6 google 猎豹 欧鹏 可以完美运行,IE6透明效果有损失

代码下载:(jb51.net).rar

您可能感兴趣的文章:

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wgxssg.html