一段定时切换图片的JS，高手帮忙修改下，有点有关问题
日期：2014-05-16 浏览次数：20296 次
一段定时切换图片的JS，高手帮忙修改下，有点问题。
- HTML code
<html>
<head >
<script src="Scripts/jquery-1.7.1.min.js" type="text/javascript"></script>
</head>
<script type="text/javascript">
$(document).ready(function () {
//轮换(鼠标移上去切换)
var divRepeater = $("#divRepeater");
var objUls = divRepeater.find("ul");
var objLinks = divRepeater.find("div>a");
//全部隐藏
objUls.hide();
//显示第一个
objUls.eq(0).show();
objLinks.each(function (i) {
var numBaseClass = "Number0";
var tempAObj = objLinks.eq(i);
var tempUObj = objUls.eq(i);
tempAObj.bind("mouseover", function () {
//把全部设为这个样式
ResetNumClass(objLinks);
//设当前样式
tempAObj.attr("class", numBaseClass + tempAObj.html());
//全部隐藏
objUls.hide();
//显示当前的
tempUObj.show();
});
});
//调用定时切换
ToggleProduct();
});
//定时切换(自动切换)
function ToggleProduct() {
var divRepeater = $("#divRepeater");
var objUls = divRepeater.find("ul");
var objLinks = divRepeater.find("div>a");
//全部隐藏
objUls.hide();
//显示第一个
objUls.eq(0).show();
objLinks.each(function (i) {
//alert("图片切换"); //这句话注释后就不能自动切换，取消注释每次弹出框后能切换一次。
var numBaseClass = "Number0";
var tempAObj = objLinks.eq(i);
var tempUObj = objUls.eq(i);
//把全部设为这个样式
ResetNumClass(objLinks);
//设置当前样式
tempAObj.attr("class", numBaseClass + tempAObj.html());
//全部隐藏
objUls.hide();
//显示当前的
tempUObj.show();
});
setTimeout("ToggleProduct()", 2000); //每2秒执行一次
}
//重置所有样式
function ResetNumClass(objLinks) {
var numBaseClass = "Number00";
objLinks.each(function (i) {
var tempAObj = objLinks.eq(i);
tempAObj.attr("class", numBaseClass + tempAObj.html());
});
}
</script>
<body>
<div class="rxcp left" id="divRepeater">
<ul id="Rul_1" style="display: block; margin-top: 20px;">
<li class="floatImages left"><a href="products_id01.aspx?id=6&typeid=52"
target="_blank">
<img src="UploadFile/ProductImages/small/201205180335243264.jpg" title="“芙蓉”纳米负离子荷叶哑光墙面漆 "
height="96" width="76" /></a></li>
<li class="hTitle"><a href="products_id01.aspx?id=6&typeid=52"
target="_blank" title="“芙蓉”纳米负离子荷叶哑光墙面漆 ">
“芙蓉”纳米负离子荷叶哑...</a></li>
<li class="hContent">
美国防伪包装、具有荷叶般的疏水效果、覆盖细微裂纹、丝绸质感、释放负离子、净化空气、污渍易清洗;耐擦洗...<a href="products_id01.aspx?id=6&typeid=52"
target="_blank" title="">[详情]</
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
