jquery百度新首页网址导航jquery百度新首页网址导航是一款仿百度新首页的页面，页面带输入框自动补全插件，tab切换等。jquery百度网址导航tab切换
<script src="js/jquery.autocomplete.min.js"></script>
<script>
$('.uname,.topMenus').hover(function(){
$('.topMenus').stop
(true,true).fadeIn(200);
},function(){
$('.topMenus').stop(true,true).delay(500).fadeOut(200);
});
//搜索框自动补全;
$('.searchIpt').AutoComplete({
'data': ['About
Me', '审美网', 'abcdefg', 'One', 'Two', 'Three', 'Four', 'Five', 'Six','smwell.com',
'Seven', 'Eight', 'Nine', 'Ten', 'Eleven', 'Twelve'],
'itemHeight': 24,
'width': 529
}).AutoComplete('show');
$('.ctnerTab
a').click(function(){
if(!$(this).hasClass('on')){
$('.ctnerTab a').removeClass('on').eq($(this).index()).addClass('on');
$('.rtNavs').stop(true,true).hide(200).eq($(this).index()).show(300);
}
});
$('.menusWrapper a').click(function(){
if(!$(this).hasClass('active')){
$('.menusWrapper
a').removeClass('active').eq($(this).index()).addClass('active');
$('.cbox').stop(true,true).animate({top:318},100).hide().eq($(this).index()).animate
({top:0},400).show();
}
});
$('.smallPics a').click(function(){
if(!$(this).hasClass('active')){
$('.smallPics a').removeClass('active').eq($(this).index
()).addClass('active');
$('.picLink').stop(true,true).removeClass
('active').eq($(this).index()).addClass('active');
}
});
$('.titleT').hover(function(){
if
(!$(this).hasClass('on')){
$('.titleT').removeClass('on').eq
($(this).index()).addClass('on');
$('.topicB').stop
(true,true).hide().eq($(this).index()).show();
}
});
</script>
本站资源仅限于学习研究，严禁从事商业或者非法活动!
源码搜藏网所有源码来自互联网转载与用户上传分享，如果侵犯了您的权益请与我们联系，我们将在24小时内删除！谢谢！
上一篇：仿淘宝首页jquery焦点图
下一篇：jQuery星星评分插件
jQuery百度搜索自动补全插件jQuery特效下载排行
-
2016-12-18
-
2014-05-26
-
2016-04-25
-
2014-10-31
-
2017-02-10
-
2015-10-26
-
2017-03-24
-
2016-12-18
最新文章
-
2017-03-24
-
2017-03-24
-
2017-03-24
-
2017-03-24
-
2017-03-24
-
2017-03-24
-
2017-03-24
-
2017-03-24
热门源码
