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

導航首頁 ? 技術教程 ? 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)附源碼下載,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對綠夏網網站的支持!



主站蜘蛛池模板: 康熙王朝电视剧多少集| 但愿人长久| 漂流者| hd经典复古性mature| 潜行在线观看| 追凶| 2006年全国一卷语文作文| 《爱的温暖》电影在线观看| 影音先锋欧美| 陈宝国主演影视剧| 青山知可子最经典十部电视剧| 古或仔| 女生被艹网站| 全国面积排名省份| 璐·德·拉格| 卢昱晓电视剧| 工程力学第二版课后答案全解| 饥渴的爱| 马可个人资料简介| 北京卫视电视节目单| cctv16节目表今天目表| 服务质量模型| 古天乐电影全部作品最新| 龙的传人第四季| 铁血使命演员表全部| 风平浪静电影| 双男主动漫 推荐| 食人鱼电影| 山口小夜子| 二年级竖式计算天天练| 夜魔3| 茶馆剧本完整版| 宝宝满月酒微信邀请函| 为奴12年| 小时代 电影| 小孩脸上一块白一块白是什么原因| 日本电影忠犬八公的故事| 我和我的祖国钢琴谱完整版| 天国遥遥| 巨乳写真| 五年级语文下册|

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

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

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

站長微信:lxwl520520

站長QQ:1737366103