经典DIV+CSS下拉菜单

心随你远行 阅读:45375 2018-07-27 18:55:08 评论:0
  • 网赌被黑找腾龙D哥出黑【微信:JLYL78999 QQ:840093333】 网赌被黑不给出款挽回损失的方法,网赌被黑无法出款怎么办,网赌被黑了怎么办,网赌被黑无法取款怎么办,网赌被黑无法提款怎么办,网赌被黑无法提现怎么办,网赌被黑审核不通过怎么办,腾龙专业出黑团队不收前期费用,网上赌钱不给出款,网上网赌被黑该怎么办,网赌被黑前兆,关于网赌出黑的一些技巧分享!

    符合WEB标准的CSS下拉导航菜单布局css下拉菜单模板

     

    HTML代码如下

    <ul id="nav"> 
    <li><a href="###">div+css</a> 
        <ul> 
        <li><a href="###">CSS</a></li> 
        <li><a href="#">产品一</a></li> 
        <li><a href="#">产品一</a></li> 
        <li><a href="#">产品一</a></li> 
        <li><a href="#">产品一</a></li> 
        <li><a href="#">产品一</a></li> 
        </ul> 
    </li> 
    <li><a href="###">css入门</a> 
        <ul> 
        <li><a href="#">入门一</a></li> 
        <li><a href="#">入门二</a></li> 
        <li><a href="#">入门二</a></li> 
        <li><a href="#">入门二入门二</a></li> 
        <li><a href="#">入门二入门二入门二</a></li> 
        <li><a href="#">入门二</a></li> 
        </ul> 
    </li> 
    <li><a href="###">HTML基础</a> 
        <ul> 
        <li><a href="#">基础三</a></li> 
        <li><a href="#">基础</a></li> 
        <li><a href="#">基础三案例三</a></li> 
        <li><a href="#">基础三案例三案例三</a></li> 
        </ul> 
    </li> 
    <li><a href="###">DIV+CSS技巧</a> 
        <ul> 
        <li><a href="#">技巧四</a></li> 
        <li><a href="#">技巧四</a></li> 
        <li><a href="#">技巧四</a></li> 
        <li><a href="#">技巧四111</a></li> 
        </ul> 
    </li> 
     
    <li><a href="###">DIV+CSS模板</a> 
        <ul> 
        <li><a href="###">CSS模板</a></li> 
        <li><a href="#">模板</a></li> 
        <li><a href="#">模板</a></li> 
        <li><a href="#">模板模板</a></li> 
        <li><a href="#">模板模板模板</a></li> 
        <li><a href="#">模板模板</a></li> 
        <li><a href="#">模板模板</a></li> 
        <li><a href="#">模板模板模板模板</a></li> 
        </ul> 
    </li> 
    <li><a href="###">CSS手册</a> 
        <ul> 
        <li><a href="###">DIV+CSS手册</a></li> 
        <li><a href="#">手册</a></li> 
        <li><a href="#">手册</a></li> 
        <li><a href="#">手册</a></li> 
        <li><a href="#">手册</a></li> 
        <li><a href="#">手册手册</a></li> 
        <li><a href="#">手册手册手册</a></li> 
        </ul> 
    </li> 
    </ul>

    css及JS代码:

    <style type="text/css"> 
    /* CSS下拉菜单实例 */ 
    *{margin:0;padding:0;border:0} 
    body{ font-family: arial, 宋体, serif; font-size:12px} 
     
     
    #nav{line-height: 24px;  list-style-type: none; background:#666} 
     
    #nav a{display: block; width: 80px; text-align:center} 
     
    #nav a:link {color:#666; text-decoration:none} 
    #nav a:visited {color:#666;text-decoration:none} 
    #nav a:hover {color:#FFF;text-decoration:none;font-weight:bold} 
     
    #nav li{float: left; width: 80px; background:#CCC} 
    #nav li a:hover{ background:#999} 
    #nav li ul{line-height: 27px;  list-style-type: none;text-align:left;left: -999em; width: 180px; position: absolute} 
    #nav li ul li{float: left; width: 180px;background:#EFEFEF} 
     
     
    #nav li ul a{display: block; width: 156px;text-align:left;padding-left:24px; overflow:hidden} 
     
    #nav li ul a:link {color:#666; text-decoration:none} 
    #nav li ul a:visited {color:#666;text-decoration:none} 
    #nav li ul a:hover {color:#F3F3F3;text-decoration:none;font-weight:normal;background:#C00} 
     
    #nav li:hover ul{left: auto} 
    #nav li.sfhover ul{left: auto} 
    #content{clear: left} 
    </style> 
     
    <script type=text/javascript> 
     
    function menuFix(){ 
        var sfEls = document.getElementById("nav").getElementsByTagName("li"); 
        for (var i=0; i<sfEls.length; i++){
            sfEls[i].onmouseover=function(){
            this.className+=(this.className.length>0? " ": "") + "sfhover"; 
            }
            sfEls[i].onMouseDown=function(){
            this.className+=(this.className.length>0? " ": "") + "sfhover"; 
            }
            sfEls[i].onMouseUp=function(){
            this.className+=(this.className.length>0? " ": "") + "sfhover"; 
            }
            sfEls[i].onmouseout=function(){
            thisthis.className=this.className.replace(new RegExp("( ?|^)sfhover\\b"), 
    "");
            }
        }
    }
    window.onload=menuFix; 
    </script> 

     

     

    网赌被黑找腾龙D哥出黑QQ:840093333,专业出黑网赌追款团队帮您解决,多年经验为您提供优质方案

    推荐阅读:

    未命名

  • 可以去百度分享获取分享代码输入这里。
    声明

    1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

    发表评论
    关注我们

    网赌出黑D哥公众号

    搜索
    排行榜