zoukankan      html  css  js  c++  java
  • 鼠标经过自动下拉菜单

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <meta name="keywords" content="站长,网页特效,js特效,广告代码,zzjs,zzjs.net,sky,www.zzjs.net,站长特效 网" />
    <meta name="description" content="www.zzjs.net,站长特效网,站长必备js特效及广告代码。大量高质量js特效,提供高质量广告代码下载,尽在站长特效网" />
    <title>精美设计滑动门菜单,sky整理收集。</title>
    <style type="text/css">
    #menu {
    margin:0;
    padding:0;
    height:26em;
    overflow:hidden;
    background:#FFFCF2;
    }
    #menu li {
    list-style-type:none;
    float:left;
    display:block;
    100%;
    }
    #menu li a {
    display:block;
    text-decoration:none;
    color:#00b;
    margin:0;
    100%;
    }
    #menu li a span {
    display:none;
    color:#453739;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    padding: 10px 0px 5px;
    }
    #menu li a.one span {
    display:block;
    height:15em;
    margin:0 10px;
    }
    #menu li a:hover {
    background:#FFFCF2;
    }
    #menu li a:hover span {
    display:block;
    height:15em;
    margin:0 10px;
    cursor:pointer;
    }
    #menu .h2 {
    margin:0 5px;
    padding:0;
    color:#933A34;
    font-size:12px;
    border:0;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    }
    #menu .h3 {
    margin:0 5px;
    padding:0;
    font-size:10px;
    color:#62583B;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    }
    #menu img {
    margin:0px 5px 5px;
    border:1px solid #000;
    float:left;
    }
    .curved {
    21em;
    }
    .curved .b1, .curved .b2, .curved .b3, .curved .b4 {
    font-size:1px;
    display:block;
    background:#C7BC98;
    /* hide overflow:hidden from IE5/Mac */
    /* */
    overflow: hidden;
    /* */
    }
    .curved .b1, .curved .b2, .curved .b3 {
    height:1px;
    }
    .curved .b2, .curved .b3, .curved .b4 {
    background:#FFFCF2;
    border-left:1px solid #C7BC98;
    border-right:1px solid #C7BC98;
    }
    .curved .b1 {
    margin:0 4px;
    background:#C7BC98;
    }
    .curved .b2 {
    margin:0 2px;
    border-0 2px;
    }
    .curved .b3 {
    margin:0 1px;
    }
    .curved .b4 {
    height:2px;
    margin:0;
    }
    .curved .c1 {
    margin:0 5px;
    background:#C7BC98;
    }
    .curved .c2 {
    margin:0 3px;
    border-0 2px;
    }
    .curved .c3 {
    margin:0 2px;
    }
    .curved .c4 {
    height:2px;
    margin: 0 1px;
    }
    .curved .boxcontent {
    display:block;
    background:transparent;
    border-left:1px solid #C7BC98;
    border-right:1px solid #C7BC98;
    font-size:0.9em;
    text-align:justify;
    }
    </style>
    </head>
    <body>
    <a href="<#ZC_BLOG_HOST#>">站长特效网</a>,站长必备的高质量网页特效和广告代码。zzjs.net,站长js特效。<hr>
    <!--欢迎来到站长特效网,我们网站收集大量高质量js特效,提供许多广告代码下载,网址:www.zzjs.net,zzjs@msn.com,用.net打造靓站-->
    <div class="curved">
    <b class="b1 c1"></b>
    <b class="b2 c2"></b>
    <b class="b3 c3"></b>
    <b class="b4 c4"></b>
    <div class="boxcontent">
    <ul id="menu">
    <li>
    <a href="http://www.alixixi.com/">
    <b class="h2">站长特效网,www.zzjs.net</b>
    <b class="h3">[2007-05-16]</b>
    <span>
    <img src="/image/zzjs.ico" alt="站长特效网,专注于网页特效及广告代码。" style="cursor:pointer;" onload="return imgzoom(this,600);" onclick="javascript:window.open(this.src);" style="cursor:pointer;"/>
    站长特效网,专注于网页特效及广告代码,zzjs .net
    </span>
    </a>
    </li>
    <li>
    <a href="http://zzjs.net/?cat=2">
    <b class="b1"></b>
    <b class="b2"></b>
    <b class="b3"></b>
    <b class="b4"></b>
    <b class="h2">业界新闻了解</b>
    <b class="h3">[2007-05-16]</b>
    <span>
    <img src="/image/zzjs.ico" alt="站长特效网,专注于网页特效及广告代码。" style="cursor:pointer;" onload="return imgzoom(this,600);" onclick="javascript:window.open(this.src);" style="cursor:pointer;"/>
    站长特效网,专注于网页特效及广告代码,zzjs
    </span>
    </a>
    </li>
    <li>
    <a href="http://zzjs.net/?cat=2">
    <b class="b1"></b>
    <b class="b2"></b>
    <b class="b3"></b>
    <b class="b4"></b>
    <b class="h2">建站指南知识</b>
    <b class="h3">[2006-06-18]</b>
    <span>
    <img src="/image/zzjs.ico" alt="站长特效网,专注于网页特效及广告代码。" style="cursor:pointer;" onload="return imgzoom(this,600);" onclick="javascript:window.open(this.src);" style="cursor:pointer;"/>
    站长特效网,专注于网页特效及广告代码,zzjs
    </span>
    </a>
    </li>
    <li>
    <a href="http://zzjs.net/?cat=2">
    <b class="b1"></b>
    <b class="b2"></b>
    <b class="b3"></b>
    <b class="b4"></b>
    <b class="h2">网页制作相关知识</b>
    <b class="h3">[2007-05-16]</b>
    <span>
    <img src="/image/zzjs.ico" alt="站长特效网,专注于网页特效及广告代码。" style="cursor:pointer;" onload="return imgzoom(this,600);" onclick="javascript:window.open(this.src);" style="cursor:pointer;"/>
    站长特效网,专注于网页特效及广告代码,zzjs
    </span>
    </a>
    </li>
    <li>
    <a class="one" href="http://zzjs.net/?cat=2">
    <b class="b1"></b>
    <b class="b2"></b>
    <b class="b3"></b>
    <b class="b4"></b>
    <b class="h2">动画制作知识</b>
    <b class="h3">[2007-05-16]</b>
    <span>
    <img src="/image/zzjs.ico" alt="站长特效网,专注于网页特效及广告代码。" style="cursor:pointer;" onload="return imgzoom(this,600);" onclick="javascript:window.open(this.src);" style="cursor:pointer;"/>
    站长特效网,专注于网页特效及广告代码,zzjs
    </span>
    </a>
    </li>
    </ul>
    </div>
    <b class="b4 c4"></b>
    <b class="b3 c3"></b>
    <b class="b2 c2"></b>
    <b class="b1 c1"></b>
    </div>
    </body>
    </html>

  • 相关阅读:
    第4月第1天 makefile automake
    第3月30天 UIImage imageWithContentsOfFile卡顿 Can't add self as subview MPMoviePlayerControlle rcrash
    第3月第27天 uitableviewcell复用
    learning uboot fstype command
    learning uboot part command
    linux command dialog
    linux command curl and sha256sum implement download verification package
    learning shell script prompt to run with superuser privileges (4)
    learning shell get script absolute path (3)
    learning shell args handing key=value example (2)
  • 原文地址:https://www.cnblogs.com/skyay/p/3826167.html
Copyright © 2011-2022 走看看