利用浮層使select不可選的實(shí)現(xiàn)方法
實(shí)例如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <span style="position:relative"> <select> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> </select> <div style="position:absolute;width:100%;height:100%;left:0px;top:0px;background:#fff;opacity:0;filter:alpha(opacity=0)"> </div> <br /> <select> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> </select> </span>
缺點(diǎn):需明確的知道select的位置
以上這篇利用浮層使select不可選的實(shí)現(xiàn)方法就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
使用jQuery UI庫(kù)開(kāi)發(fā)Web界面的簡(jiǎn)單入門指引
這篇文章主要介紹了使用jQuery UI庫(kù)開(kāi)發(fā)Web界面的簡(jiǎn)單入門指引,jQuery UI是一個(gè)基于jQuery的圖形組件庫(kù),需要的朋友可以參考下2016-04-04Jquery中的$.each獲取各種返回類型數(shù)據(jù)的使用方法
each()方法能使DOM循環(huán)結(jié)構(gòu)簡(jiǎn)潔,不容易出錯(cuò)。each()函數(shù)封裝了十分強(qiáng)大的遍歷功能,使用也很方便,它可以遍歷一維數(shù)組、多維數(shù)組、DOM, JSON 等等,在javaScript開(kāi)發(fā)過(guò)程中使用$each可以大大的減輕我們的工作量。2015-05-0513個(gè)絢麗的Jquery 界面設(shè)計(jì)網(wǎng)站推薦
今天共享一些令人振奮的UI教程,這些UI大部分是基于Jquery的插件,主要包括動(dòng)態(tài)切換視圖的相冊(cè)、3D旋轉(zhuǎn)分享按鈕、Facebook admin Panel,下滑效果的導(dǎo)航Menu,滑翔購(gòu)物車功能,漂亮的Form表單元素等等。2010-09-09JavaScript 彈出子窗體并返回結(jié)果到父窗體的實(shí)現(xiàn)代碼
下面小編就為大家?guī)?lái)一篇JavaScript 彈出子窗體并返回結(jié)果到父窗體的實(shí)現(xiàn)代碼。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-05-05深入解析jQuery中Deferred的deferred.promise()方法
這篇文章主要介紹了jQuery中Deferred的deferred.promise()方法,提醒千萬(wàn)要注意deferred.promise()與jQuery的.promise() 實(shí)例方法的區(qū)別,需要的朋友可以參考下2016-05-05jQuery實(shí)現(xiàn)簡(jiǎn)單評(píng)論功能
這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)簡(jiǎn)單評(píng)論功能,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-08-08jquery實(shí)現(xiàn)Ajax請(qǐng)求的幾種常見(jiàn)方式總結(jié)
這篇文章主要介紹了jquery實(shí)現(xiàn)Ajax請(qǐng)求的幾種常見(jiàn)方式,結(jié)合實(shí)例形式總結(jié)分析了jQuery實(shí)現(xiàn)ajax請(qǐng)求常用的load()、post()、get()及Ajax()方法相關(guān)操作技巧,需要的朋友可以參考下2019-05-05