jquery怎么實(shí)現(xiàn)伸縮菜單欄

網(wǎng)上搜導(dǎo)航特效，有你要的效果，引入就可以，自己寫相對麻煩

我們提供的服務(wù)有：成都網(wǎng)站設(shè)計(jì)、成都網(wǎng)站建設(shè)、微信公眾號開發(fā)、網(wǎng)站優(yōu)化、網(wǎng)站認(rèn)證、金鄉(xiāng)ssl等。為成百上千家企事業(yè)單位解決了網(wǎng)站和推廣的問題。提供周到的售前咨詢和貼心的售后服務(wù)，是有科學(xué)管理、有技術(shù)的金鄉(xiāng)網(wǎng)站制作公司

用jquery 怎么使div橫向伸縮？

JQ中沒有封裝這個(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庫

如何使用CSS3和jQuery制作可伸縮的搜索條

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);

});

當(dāng)前題目：jquery伸縮,jquery伸縮菜單
文章源于：http://chinadenli.net/article19/dsehpdh.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供響應(yīng)式網(wǎng)站、域名注冊、網(wǎng)頁設(shè)計(jì)公司、移動(dòng)網(wǎng)站建設(shè)、做網(wǎng)站、靜態(tài)網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)