成人精品一区二区三区中文字幕-成人精品一区二区三区-成人精品一级毛片-成人精品亚洲-日本在线视频一区二区-日本在线视频免费

導航首頁 ? 技術教程 ? jQuery 自定義下拉框(DropDown)附源碼下載
全站頭部文字 我要出現在這里
jQuery 自定義下拉框(DropDown)附源碼下載 650 2024-02-24   

先給大家展示下效果圖,喜歡的朋友可以下載源碼哦

查看圖片

查看圖片

效果演示 源碼下載

 <section class="main">
 <div class="wrapper-demo">
 <div id="dd" class="wrapper-dropdown-1" tabindex="1">
 <span>手冊網</span>
 <ul class="dropdown" tabindex="">
 <li><a >jQuery特效</a></li>
 <li><a >網站模板</a></li>
 </ul>
 </div>
 </div>
 </section>
</div>
<script type="text/javascript" src="http://libs.useso.com/js/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript">
 function DropDown(el) {
 this.dd = el;
 this.placeholder = this.dd.children('span');
 this.opts = this.dd.find('ul.dropdown > li');
 this.val = '';
 this.index = -;
 this.initEvents();
 }
 DropDown.prototype = {
 initEvents: function() {
 var obj = this;
 obj.dd.on('click', function(event) {
 $(this).toggleClass('active');
 return false;
 });
 obj.opts.on('click', function() {
 var opt = $(this);
 obj.val = opt.text();
 obj.index = opt.index();
 obj.placeholder.text('Gender: ' + obj.val);
 });
 },
 getValue: function() {
 return this.val;
 },
 getIndex: function() {
 return this.index;
}
 }
 $(function() {
 var dd = new DropDown($('#dd'));
 $(document).click(function() {
 $('.wrapper-dropdown-1').removeClass('active');
 });
 });
</script>

以上所述是小編給大家介紹的jQuery 自定義下拉框(DropDown)附源碼下載,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對綠夏網網站的支持!



主站蜘蛛池模板: 玉林电视台| 三年片在线观看电影在线观看大全| 《纯真年代》| 根深蒂固2电视剧| 代高政最新短剧| 即便如此我依然爱着我的老婆| 后进紧身牛仔裤翘臀美女视频| 曹查理林雅诗电影全集| 最新电影在线| 雌虎威龙 电影| 军营医生 (1976)| 爱爱内含光在线播放| 赖丹丹| ..k| 陈宝国主演影视剧| 重温经典频道节目表| 大学英语精读4课后答案| 爱的替身| 红海行动2蛟龙行动电影在线观看| 张静芝| 烽火硝烟里的青春演员表| 陈建斌电影| 电影《kiskisan》在线播放| 肖叮叮的剿匪记 电视剧免费观看| 出埃及记电影| 智乐星中考| 中国往事演员表| 黑木美纱| 又大又肥又圆的白屁股| 山巅之城| 宋雨导师的真实身世| 50000蛋币兑换码2025年有效| 风云雄霸天下| 我爱五指山我爱万泉河| 久久日韩成人影院绝色| 根深蒂固2电视剧| 狼来了ppt免费下载| 后位子宫怎么样容易怀孕| 唐朝诡事录最大败笔是谁| 质量教育培训的首要内容是() (单选题) | 繁星诗集161首大全|

?。。≌鹃L長期在線接?。?!

網站、小程序:定制開發/二次開發/仿制開發等

各種疑難雜癥解決/定制接口/定制采集等

站長微信:lxwl520520

站長QQ:1737366103