十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
建议楼主改一下主体结构 一级菜单 二级菜单 二级菜单 一级菜单 二级菜单 二级菜单 把一级菜单的li设置为相对定位,把二级菜单的ul设置为绝对定位并隐藏,然后在js中写 $("#menuli").hover(function(){ $(this).find("ul").show(); },function()
创新互联建站从2013年开始,是专业互联网技术服务公司,拥有项目成都网站设计、成都网站制作网站策划,项目实施与项目整合能力。我们以让每一个梦想脱颖而出为使命,1280元化隆做网站,已为上家服务,为化隆各地企业和个人服务,联系电话:18980820575
JQ中没有封装这个方法 你可以用animate 控制 left 或者 right 的值 先定位position: absolute;
$("#divQQbox").toggle(
function(){
$(this).animate({left:0},300);
},
function(){
$(this).animate({left:-472},300);
}
)
div id="divQQbox" class="QQbox"
/div
.QQbox{width:550px;height:1200px;background:url(aa_02.png) repeat-y}
.QQbox {
z-index:99;
width: 550px;
left: -472px;
position: absolute;
}
这是我以前的一个 左边伸缩效果 你自己扩展吧 注意引入JQ库
网上搜导航特效,有你要的效果,引入就可以,自己写相对麻烦
CSS版本:
input{width:200px;border:1px solid #ddd;}
input:focus{width:300px;border-color:#c30;}
Jquery版本:
$("input").focus(function(){
$("input").animate({"width": 300}, 400);
});
$("input").blur(function(){
$("input").animate({"width": 200}, 400);
});
可以使用JQ的slideToggle()函数
比如加号的对应的类名是add;下面菜单父元素对应的类名是meau;则可
$(".add").click(function(){
$(".meau").sildeToggle():
});
这样试试
$(".father").toggle(function () {
$(this).removeClass("father");
$(this).addClass("father_sel2");
// $(".father_sel2").show('1000');
$(this).children('ul').slideDown('1000');
}, function () {
$(this).children('ul').slideUp('1000');
$(this).removeClass("father_sel2");
$(this).addClass("father");
});