網(wǎng)上搜導(dǎo)航特效,有你要的效果,引入就可以,自己寫相對(duì)麻煩
我們提供的服務(wù)有:成都網(wǎng)站設(shè)計(jì)、成都網(wǎng)站建設(shè)、微信公眾號(hào)開(kāi)發(fā)、網(wǎng)站優(yōu)化、網(wǎng)站認(rèn)證、金鄉(xiāng)ssl等。為成百上千家企事業(yè)單位解決了網(wǎng)站和推廣的問(wèn)題。提供周到的售前咨詢和貼心的售后服務(wù),是有科學(xué)管理、有技術(shù)的金鄉(xiāng)網(wǎng)站制作公司
JQ中沒(méi)有封裝這個(gè)方法? 你可以用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;
}
這是我以前的一個(gè) 左邊伸縮效果? 你自己擴(kuò)展吧? 注意引入JQ庫(kù)
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);
});