Jquery ul下拉框效果

2022-03-06 00:58:08 字數 1084 閱讀 1885

html select下拉框樣式在**開發時很難控制,網上找的模仿下拉框效果**太長而且和jquery有這嚴重的衝突,於是自己寫了乙個ul下拉框效果,**很短也很簡單。

select.htm

dropdown.js

///

//缺少滑鼠離開,下拉框自動合攏寫法

//搜尋下列

$(function () , function () );

//展開下拉控制項的樣式

$("#uboxstyle>li").first().click(function () );

//在下拉控制項中操作

$("#uboxstyle>li").each(function () , function () );

//滑鼠點選

$(this).click(function () );

}});

//為控制項設定樣式

function dropdownstyle($ctrl, stylename)

//顯示

function li_hide()

//控制顯示隱藏

function li_ctrl()

else

}//隱藏

function li_show()

});dropdownstyle.css

body

/* 選項卡搜尋 開始*/

#uboxstyle

.uboxstyle_selected

.uboxstyle_selecting

.uboxstyle_select

.uboxstyle5:hover

.uboxstyle4

.uboxstyle4:hover

.uboxstyle5

.uboxstyle6

.uboxstyle7

/* 選項卡搜尋 結束*/

不足地方:

1樣式是從網上找加上一部分美工修改,但部分樣式是沒用的

2當滑鼠離開ul,下拉框無法合攏,試了許多方法也沒法解決,等待高手幫助

JQuery 級聯下拉框效果

資料裝載中.汽車廠商 請選擇汽車廠商 寶馬奧迪 大眾汽車型別 車輪型別 loading loading p p car carimage cartype,wheeltype,carloading,carimg,car img document ready function function data...

下拉框 列舉

列舉 public enum mchtprofitsplittype public string getvalue class 初始化中要放到下拉列表裡的 分賬方式列舉mchtprofitsplittype listorgprofitsplittypelist new arraylist mchtp...

下拉框元件

createselect.js text 建立民族陣列 var arraynation new array 漢族 蒙古族 彝族 侗族 哈薩克族 畲族 納西族 仫佬族 仡佬族 怒族 保安族 鄂倫春族 回族 壯族 瑤族 傣族 高山族 景頗族 羌族 錫伯族 烏孜別克族 裕固族 赫哲族 藏族 布依族 白族 ...