jq外掛程式之仿「卓越亞馬遜」首頁彈出選單效果

2022-02-01 20:15:46 字數 1265 閱讀 2344

/*

彈出式選單

*///

沒劍 2008-07-03

///*引數說明

*///

showobj:要顯示的選單id

//timeout:延時時間,滑鼠停留/離開後延時多久開始顯示/隱藏選單

//speed:選單顯示速度,數字越大,顯示越慢,預設為100

//呼叫示例:$("#button").dmenu("#content");

jquery.fn.dmenu

=function

(showobj,timeout,speed)

//設定容器屬性

container.css();

//定位隱藏層

hidediv.css().show();

//給容器加個黑邊框

container.css();

//顯示定位層

//高寬慢慢增大

container.animate(,speed,

function

());

//顯示狀態置為true

display

=true;//

滑鼠移入

jqshowobj.mouseover(

function

());

//滑鼠移開

jqshowobj.mouseout(

function

());

//動畫結束時 end//

});};

//****顯示選單方法結束****//

//****隱藏選單方法開始****//

varhidemenu

=function

());

//清空容器

container.empty();

//收縮容器

container.animate(, speed,

function

());

}, timeout); 

};//

****隱藏選單方法結束****//

//繫結按鈕滑鼠經過事件

button.hover(

function

(e), timeout); 

},function

(),timeout);

}});

};注:對於select擋住彈出選單的問題,因為與外掛程式沒有關係,所以在此,偶沒有解決,放哪個select在哪只是想提醒大家使用彈出選單時要注意到這個問題,具體的解決方法可以自動搜尋,或者在排版上作調整。

網路 仿JQ之AJAX請求

url 介面位址 type 請求方式get post datatype xml text json jsonp data 傳送到伺服器的資料 非跨域請求 jsonp 使用jsonp形式呼叫函式,如index.php?cb 後端獲取get請求的 值 jsonpcallback 為jsonp指定乙個 函...

jq 外掛程式寫法

1.一次宣告乙個函式 fn.函式名 function options fn.red function options var settings extend defaults,options this.css settings return this 2.一次宣告多個函式 fn.extend fn....

JQ 日期聯動外掛程式

jquery date selector plugin 日期聯動選擇外掛程式 demo calendar dateselector html 年 月 日 function fn.dateselector function options 初始化 this.options for var proper...