<!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
您可能感兴趣的文章: