62,254
社区成员
发帖
与我相关
我的任务
分享<script type="text/javascript">
// 获取XML文档
var xmlDoc = checkXMLDocObj('iframe/slider/pic.xml');
var count = xmlDoc.getElementsByTagName('root/file').length; //获取 总数
function DisplayImg(index) { //切换显示
var img = xmlDoc.getElementsByTagName('root/file/img')[index].text; //图片路径
var title = xmlDoc.getElementsByTagName('root/file/title')[index].text; //标题
var url = xmlDoc.getElementsByTagName('root/file/url')[index].text; //链接
var content_div = $("#n-1");
content_div.children("a").children("img").animate({ opacity: "hide" }, "3000", function() {
content_div.children("a").attr("href", url); //切换图片
$(this).attr("src", "iframe/slider/images/" + img);
var content_ul = $("#myul");
content_ul.children("li").children("a").removeClass("choose"); //数字码移动
content_ul.children("li:eq(" + index + ")").children("a").addClass("choose");
content_div.children("span#title").html(title);
}).animate({ opacity: "show" }, "3000");
// $("div#n-1").children("span#title").html("<a href=" + url + ">" + title + "</a>")
}
var _c = _h = 0; //计时器开始
function play() {
_h = setInterval("auto()", 5000);
}
function auto() {
if (_c > count - 1) { _c = 0; } //索引检查
DisplayImg(_c);
_c = _c > count - 2 ? 0 : _c + 1;
}
onload = function() { //页面加载时 开始执行
DisplayImg(0);
var content_ul = $("#myul");
for (i = 1; i <= count; i++) {//逐行添加 数字码到ul中
$("<li><a>" + i + "</a></li>").appendTo(content_ul);
}
$('#myul').children("li").bind("click", function() { //追加li标签点击事件
var liindex = $("#myul").children("li").index(this);
DisplayImg(liindex);
_c = liindex + 1; //下一个 图片索引号
clearInterval(_h);
play();
})
//计时器开始
_c += 1;
play();
}
</script><div class="block">
<div class="index-picbanner">
<ul id="myul">
</ul>
<div id="n-1" class="index-picbanner-link">
<a href="#"><img /></a>
<span id='title'></span>
</div>
</div>
</div>