知识 分享 互助 懒人建站

    懒人建站专注于网页素材下载,提供网站模板、网页设计、ps素材、图片素材等,服务于【个人站长】【网页设计师】和【web开发从业者】的代码素材与设计素材网站。

    懒人建站提供网页素材下载、网站模板
    知识 分享 互助!

    纯HTML+CSS结构链接带说明的黄色导航(仿支付宝)

    作者:bbin视讯真人娱乐平台登入 来源:未知 2010-08-04 人气:
    仿支付宝的黄色导航,纯HTML+CSS结构,划过超链接下拉菜单中带说明,利用了a:hover这个属性,代码很简单,很容易读懂。

    仿支付宝黄色导航,纯HTML+CSS结构,划过超链接下拉菜单中带说明,利用了a:hover这个属性,代码很简单,很容易读懂。
    html结构:
    <div class="frame-menu">
      <ul>
        <li> <a href="http://bbinsxzrylptdr.xsb868.com" target="_blank">懒人建站
          <div class="info">解放出你的部分写代码时间来思考更高层次的设计</div>
          </a> </li>
        <li> <a href="http://bbinsxzrylptdr.xsb868.com" target="_blank">懒人建站
          <div class="info">JS代码,js特效代码大全,jquery特效,导航菜单代码,焦点幻灯片,企业网页设计欣赏</div>
          </a> </li>
        <li> <a href="http://bbinsxzrylptdr.xsb868.com/JS" target="_blank">JS代码
          <div class="info">懒人建站为您提供-js特效代码大全,JS广告代码,导航菜单代码,企业网页设计欣赏,基于jquery的特效插件,焦点幻灯片代码和各种建站技巧。</div>
          </a> </li>
        <li> <a href="http://bbinsxzrylptdr.xsb868.com/JS/texiao" target="_blank">网页特效
          <div class="info">解放出你的部分写代码时间来思考更高层次的设计</div>
          </a> </li>
        <li> <a href="http://bbinsxzrylptdr.xsb868.com/JS/nav" target="_blank">导航菜单
          <div class="info">解放出你的部分写代码时间来思考更高层次的设计</div>
          </a> </li>
        <li> <a href="http://bbinsxzrylptdr.xsb868.com/JS" target="_blank">JS代码
          <div class="info">解放出你的部分写代码时间来思考更高层次的设计</div>
          </a> </li>
        <li> <a href="http://bbinsxzrylptdr.xsb868.com/JS" target="_blank">JS代码
          <div class="info">JS代码,js特效代码大全,jquery特效,导航菜单代码,焦点幻灯片,企业网页设计欣赏</div>
          </a> </li>
      </ul>
    </div>
    CSS代码:
    .frame-menu{
    position:relative;overflow:visible;zoom:1;width:970px;height:50px;margin:0 auto;padding:0;background:url(bg-frame.png) no-repeat left top;line-height:1.5;font-size:12px;}
    .frame-menu ul{
    position:absolute;z-index:98;top:7px;left:10px;margin:0;padding:0;}
    .frame-menu ul li{
    float:left;list-style:none outside;width:110px;}
    .frame-menu ul li a:link,.frame-menu ul li a:visited{
    display:block;margin:0;padding:8px 0 0 0;*padding:10px 0 0 0;text-align:center;font-size:13px;font-weight:700;color:#fff;text-decoration:none;}
    .frame-menu ul li a:hover{
    height:109px;*height:107px;color:#AB6A00;background:url(bg-frame.png) no-repeat left -50px;}
    .frame-menu ul li a div{
    display:none;padding:10px 5px 0 5px;margin:0;text-align:left;font-size:12px;font-weight:400;}
    .frame-menu ul li a:hover div.info{
    display:block;color:#fff;}

     

    ↓ 查看全文

    纯HTML+CSS结构链接带说明的黄色导航(仿支付宝)由懒人建站收集整理,您可以自由传播,请主动带上本文链接

    懒人建站就是免费分享,觉得有用就多来支持一下,没有能帮到您,懒人也只能表示遗憾,希望有一天能帮到您。

    纯HTML+CSS结构链接带说明的黄色导航(仿支付宝)-最新评论

    网站地图 ag视讯游戏下载登入 bbin视讯游娱乐登入 bbin视讯官网直营登入
    沙龙游戏登入 太阳城申博娱乐金星馆 PT电子游戏官网 申博亚洲网址
    彩票巴巴登录 浩博 澳彩指数球探网登入 彩票在线直营网
    AG亚太集团登入 ag旗舰厅在线娱乐登入 bbin视讯游娱乐登入 bbin视讯平台官网登入
    ag视讯app下载登入 bbin视讯官网平台登入 ag视讯官方网登入 gp视讯手机版登入
    778DC.COM S618V.COM 988BBIN.COM 777sbmsc.com S618P.COM
    855TGP.COM 817psb.com 22sbsg.com XSB578.COM 788TGP.COM
    8GJS.COM 979sj.com 878XTD.COM 8877DZ.COM 508XTD.COM
    676sj.com 758DC.COM 388TGP.COM 968tt.com 8JAS.COM