一段JS jQuery代码里面的一些问题
<scripttype="text/javascript">$(document).ready(function(){//SetDefaultStateofeachpor...
<script type="text/javascript">
$(document).ready(function()
{
//Set Default State of each portfolio piece
//$(".paging").show();
$(".paging a:first").addClass("active"); //加入一个新的class//仅仅只是载入时候有作用
//Get size of images, how many there are, then determin the size of the image reel.
var imageWidth = $(".window").width();//横长度
var imageSum = $(".image_reel img").size();//得到图片的尺寸?竖长度
var imageReelWidth = imageWidth * imageSum;//
//Adjust the image reel to its new size
$(".image_reel").css({ 'width': imageReelWidth });
//Paging + Slider Function
rotate = function()
{//切换
var triggerID = $active.attr("rel") - 1; //Get number of times to slide返回图像的rel号
var image_reelPosition = triggerID * imageWidth; //Determines the distance the image reel needs to slide
$(".paging a").removeClass('active'); //Remove all active class
$active.addClass('active'); //Add active class (the $active is declared in the rotateSwitch function)
//Slider Animation
$(".image_reel").animate({left: -image_reelPosition}, "slow");
};
//Rotation + Timing Event
rotateSwitch = function() {
play = setInterval(function()
{ //Set timer - this will repeat itself every 3 seconds
$active = $('.paging a.active').next();//获得同辈元素??????????????active这个方法怎么定义的?
if ($active.length === 0)
{ //If paging reaches the end...如果到底了
$active = $('.paging a:first'); //go back to first
}
rotate(); //Trigger the paging and slider function
}, 7000); //Timer speed in milliseconds (3 seconds)
};
//rotateSwitch(); //Run function on launch
//On Hover
$(".image_reel a").hover(function()
{
clearInterval(play); //Stop the rotation
},
function()
{
rotateSwitch(); //Resume rotation
}
);
//On Click
$(".paging a").click(function() {
$active = $(this); //Activate the clicked paging
//Reset Timer
//clearInterval(play); //Stop the rotation
//rotateSwitch(); // Resume rotation
rotate(); //Trigger rotation immediately
return false; //Prevent browser jump to link anchor
});
});
</script>
我想问下里面的那个$active方法是怎么定义的,什么样的功能?.... 展开
$(document).ready(function()
{
//Set Default State of each portfolio piece
//$(".paging").show();
$(".paging a:first").addClass("active"); //加入一个新的class//仅仅只是载入时候有作用
//Get size of images, how many there are, then determin the size of the image reel.
var imageWidth = $(".window").width();//横长度
var imageSum = $(".image_reel img").size();//得到图片的尺寸?竖长度
var imageReelWidth = imageWidth * imageSum;//
//Adjust the image reel to its new size
$(".image_reel").css({ 'width': imageReelWidth });
//Paging + Slider Function
rotate = function()
{//切换
var triggerID = $active.attr("rel") - 1; //Get number of times to slide返回图像的rel号
var image_reelPosition = triggerID * imageWidth; //Determines the distance the image reel needs to slide
$(".paging a").removeClass('active'); //Remove all active class
$active.addClass('active'); //Add active class (the $active is declared in the rotateSwitch function)
//Slider Animation
$(".image_reel").animate({left: -image_reelPosition}, "slow");
};
//Rotation + Timing Event
rotateSwitch = function() {
play = setInterval(function()
{ //Set timer - this will repeat itself every 3 seconds
$active = $('.paging a.active').next();//获得同辈元素??????????????active这个方法怎么定义的?
if ($active.length === 0)
{ //If paging reaches the end...如果到底了
$active = $('.paging a:first'); //go back to first
}
rotate(); //Trigger the paging and slider function
}, 7000); //Timer speed in milliseconds (3 seconds)
};
//rotateSwitch(); //Run function on launch
//On Hover
$(".image_reel a").hover(function()
{
clearInterval(play); //Stop the rotation
},
function()
{
rotateSwitch(); //Resume rotation
}
);
//On Click
$(".paging a").click(function() {
$active = $(this); //Activate the clicked paging
//Reset Timer
//clearInterval(play); //Stop the rotation
//rotateSwitch(); // Resume rotation
rotate(); //Trigger rotation immediately
return false; //Prevent browser jump to link anchor
});
});
</script>
我想问下里面的那个$active方法是怎么定义的,什么样的功能?.... 展开
2个回答
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询