Question

这段焦点图代码是什么意思呢，我真的一点都看不懂，有谁能帮帮我解释一下么，谢谢

// JavaScript Document
$(document).ready(function(e) {
var num=1;
var path='images/';
var txt=['第一个焦点图','第二个焦点图','第三个焦点图','第四个焦点图','第五个焦点图'];
var pic=['first.jpg','second.jpg','third.jpg','fourth.jpg','fifth.jpg'];
var links=['#','#','#','#','#'];

//结构初始化
$('.pic').append('<ul><li></li><li></li><li></li><li></li><li></li></ul>');
$('.pic li').each(function(index, element) {
$('.pic li:eq('+index+')').html('<a href="'+links[index]+'" target="blank"><img src="'+path+pic[index]+'"></a>');
});
//页面初始化
$('.pic li:gt(0)').hide();
$('.tit').html(txt[0]);
$('.nav li:eq(0)').addClass('current');

//焦点图导航操作
$('.nav li').each(function(index, element) {
$(this).mouseover(function(){
show(index);
});
});

//封装播放函数
var show=function(i){
//先把可见的图片隐藏
$('.pic li:visible').hide();
//显示当前索引值相同的图片
$('.pic li:eq('+i+')').fadeIn('fast');
//插入与索引值相同的txt文本
$('.tit').html(txt[i]);
//移除当前具有current元素的该样式
$('.nav li.current').removeClass('current');
//将当前元素增加current样式
$('.nav li:eq('+i+')').addClass('current');
};

//自动切换
auto=setInterval(function(){
show(num);
num++;
if(num==5){
num=0;
}
},1000);
//鼠标移动到nav上之后，要停止自动切换，移开之后继续自动切换
$('.nav').hover(
function(){
clearInterval(auto);
},
function(){
auto=setInterval(function(){
show(num);
num++;
if(num==5){
num=0;
}
},1000);
}
);
});
泉州清波灭鼠消杀公司 泉州有哪些灭鼠公司 泉州有哪些灭蟑螂公司 泉州清波消杀咨询服务有限公司

Answer 1

焦点图