超好用的简单的jquerytab选项卡切换代码(点击切换和导航栏滑过)
实例1(点击切换):
10年积累的成都网站设计、成都网站制作经验,可以快速应对客户对网站的新想法和需求。提供各种问题对应的解决方案。让选择我们的客户得到更好、更有力的网络服务。我虽然不认识你,你也不认识我。但先网站设计后付款的网站建设流程,更有源城免费网站建设让你可以放心的选择与我们合作。
- 时事
- 体育
- 娱乐
时事体育娱乐
浏览器效果:
实例2(导航栏滑过):
鼠标滑过jQuery选项卡切换 // $(function(){ //设计案例切换 $('.title-list li').click(function(){ var liindex = $('.title-list li').index(this); $(this).addClass('on').siblings().removeClass('on'); $('.product-wrap div.product').eq(liindex).fadeIn(10).siblings('div.product').hide(); var liWidth = $('.title-list li').width(); $('.case .title-list span').stop(false,true).animate({'left' : liindex * liWidth + 'px'},300); }); }); //]]>
浏览器效果:
标题名称:超好用的简单的jquerytab选项卡切换代码(点击切换和导航栏滑过)
文章位置:http://scyanting.com/article/gcgssh.html