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>
jquery百度新首页网址导航由源码搜藏网整理,转载请注明出处http://www.codesocang.com/texiao/jQuerytexiao/9495.html
源码搜藏承诺：本站所有资源无病毒，无弹窗，无干扰链接！
上一篇：仿淘宝首页jquery焦点图
下一篇：jQuery星星评分插件
jQuery彩色心形冒泡动画特效
jQuery中国各个省份地图分部代码
jQuery带左侧缩略图图片切换
jQuery列表排序从小到大代码
jQuery多张图片上传预览代码