幸运游艇开奖走势图:jQuery简单二级下拉菜单
栏目分类:效果代码   发布日期:2015-09-02   浏览次数:

jQuery简单二级下拉菜单,非常经典欢迎分享学习。html代码聚合分享< a>< dt>特效< a>
jQuery简单二级下拉菜单,非常经典欢迎分享学习。
html代码
  1. <div class="UpLayer">
    <dl>
    <dt>
    <a href="javascript:void(0)">聚合分享</a></dt>
    <dd>
    <a href="//www.juheweb.com/js/">特效</a> <a href="//www.juheweb.com/Tutorials/">教程</a> <a href="//www.juheweb.com/zy/">资源</a> <a href="//www.juheweb.com/mb/">模板</a> <a href="//www.juheweb.com/news/">资讯</a></dd>
    </dl>
    </div>

幸运飞艇全部开奖记录 www.4qm1u.com.cn js代码

  1. <script type="text/javascript">  
  2. // 【经典】弹出层菜单  
  3. $(document).ready(function(){  
  4.     var objStr = ".UpLayer";  
  5.     $(objStr).each(function(i){  
  6.         $(this).click(function(){  
  7.             $($(objStr+" dd")[i]).show();  
  8.             $($(objStr+" dt")[i]).addClass("UpLayer02");  
  9.         });  
  10.         $(this).hover(function(){},function(){  
  11.             $($(objStr+" dd")[i]).hide();  
  12.             $($(objStr+" dt")[i]).removeClass("UpLayer02");  
  13.         });   
  14.     });  
  15. });  
  16. </script>  

css代码

  1. body,h1,h2,h3,h4,h5,h6,p,ol,ul,li,dl,dt,dd{padding:0;margin:0;} 
  2. li{list-style:none;} 
  3. img{border:none;} 
  4. u{text-decoration:none;} 
  5. em{font-style:normal;} 
  6. a{color:#424242;text-decoration:none;outline:none;blr:expression(this.onFocus=this.blur());} 
  7. body{font-size:12px;font-familyArial,VerdanaHelveticasans-serif; word-break:break-all;} 
  8. .box{margin:0 auto;text-align:left;width:920px;} 
  9. .clear{clear:both;} 
  10. /* 【经典】弹出层菜单 */ 
  11. .UpLayer{ margin:100px;} 
  12. .UpLayer dl dt{width:50px;position:absolutez-index:3;padding:0 5px;line-height:20px;} 
  13. .UpLayer02{border:#ccc 1px solidborder-bottom:none;background:#f1f1f1margin:-1px 0 0 -1px;} 
  14. .UpLayer dl dd{ width:80px;position:absolute;z-index:2;border:#ccc 1px solid;padding:5pxline-height:20pxbackground:#f1f1f1display:nonemargin:19px 0 0 -1px;} 
  15. .UpLayer dl dd a{ display:block;border-bottom:#ccc 1px dashed;} 

最好不要忘记插入jQuery js文件,最好下载最新的。当然也可以用以下文件:

  1. http://www.juheweb.com/demo/js/jquery.min.js 

相关热词: jQuery二级下拉菜单

特效 教程 资源 幸运飞艇全部开奖记录
  • 你读过的教科书没有给你讲过共产主义,所以你也不知道共产主义社会的核心内容是什么。[微笑][微笑] 2019-05-23
  • 南开入伍学生畅谈习近平回信:无悔青春选择 立志报效国家 2019-05-23
  • 南丰670名调解员活跃城乡促和谐 调处成功率达96.5% 2019-05-23
  • 李慎明:奋力谱写社会主义现代化新征程壮丽篇章 2019-05-22
  • 让偷话费的“影子服务”无处藏身 2019-05-22
  • 延安市:推行“问题墙+回音壁”制度 2019-05-22
  • 其实逻辑跟简单:小萌们如果能把自己计划好又何至于悲催到要通过混淆所有制形式把别人的钱偷到自己口袋里? 2019-05-22
  • 酒后躺车内休息也属于酒驾? 交巡警告诉你这些行为都是酒驾 2019-05-21
  • 访谈--内蒙古频道--人民网 2019-05-21
  • 父亲节当天 美国第一夫人跟特朗普唱了个反调 2019-05-21
  • 李克强:实现机关事业单位和企业养老保险制度并轨 2019-05-20
  • 重庆市垫江县“鹅司令”闯出鹅产业化新路 2019-05-20
  • 重庆市2018年初中学业水平暨高中招生考试顺利结束 2019-05-20
  • 现实题材成为电视剧创作重镇 2019-05-19
  • 大妈坐公交摔伤 合肥公交公司一审被判担全责 2019-05-19
  • 403| 748| 423| 83| 805| 717| 705| 350| 210| 537|