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>

  • 相关阅读:
    实战,利用apache来做集群,实现负载均衡
    Paas
    mysql memcache
    JSP简单练习-定时刷新页面
    协定须要双工,可是绑定“WSHttpBinding”不支持它或者因配置不对而无法支持它
    ACM:图的BFS,走迷宫
    appium框架之bootstrap
    [JSP]JSP中include指令和include动作的差别
    cocos2d-x-3.1 win32程序-初识源代码(coco2d-x 学习笔记二)
    AT&amp;T汇编语言——简单实例及工具演示
  • 原文地址:https://www.cnblogs.com/skyay/p/3826167.html
Copyright © 2011-2022 走看看