jquery 滑动内容代码

分类:jquery实践

 比较明了,不是插件!

$(document).ready(function(){
$('.dynamic a p:first').addClass('dton');
$('.news_con:first').css('display','block');
$('.mainl_top ul li:first').css('display','block');
//$('.dongtai .newsmore:first').css('display','block');
//$('.dongtai .newsmore:last').css('display','none');
	autoroll();
	hookThumb();

//优势诊疗
$(".class_leibie ul li").hover(function (){ 
   var i=-1; 
    n = $('.class_leibie ul li').length-1;
    i++;
    i = $(this).prevAll().length;
    if(i > n){
    i = 0;
    }
	    //alert(i);
    $('.class_leibie ul li a').removeClass('on');
    $('.class_leibie ul li a').eq(i).addClass('on').siblings().removeClass('on');
    $('.exam').eq(i).css('display','block').siblings('.exam').css('display','none');
       // $('.dongtai .newsmore').eq(i).css('display','block').siblings('.dongtai .newsmore').css('display','none');
})	
})


var i=-1; 
var offset = 3000; 
var timer = null;
function autoroll(){
	n = $('.mainl_bottom ul li').length-1;
	i++;
	if(i > n){
	i = 0;
	}
	slide(i);
	timer = window.setTimeout(autoroll, offset);
}

function slide(i){
    //$('.mainl_bottom ul li').removeClass('on');
	//$('.mainl_bottom ul li').eq(i).addClass('on');
	$('.mainl_bottom ul li').eq(i).addClass('on').siblings('.mainl_bottom ul li').removeClass('on');
	$('.mainl_top ul li').eq(i).css('display','block').siblings('.mainl_top ul li').css('display','none');
}

function hookThumb(){    
	$('.mainl_bottom ul li').hover(
	function(){
	    i = $(this).prevAll().length;
		if(timer){
			clearTimeout(timer);
			i = $(this).prevAll().length;
			//alert(i);
			slide(i); 
		}
	},function(){
		timer = window.setTimeout(autoroll, offset);  
		this.blur();            
		return false;
	}); 
	 
}

 

本文链接: jquery 滑动内容代码
版权所有:后巴士在网络收集,如有侵犯你的权利, 请联系QQ:641868752。

评论

发表评论

*

* (显示gravatar头像)

Ctrl+Enter快捷回复

© 2014 后巴士 all rights reserved.