知识 分享 互助 快乐十分玩法与奖金

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

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

    快乐十分任三技巧:纯HTML+CSS结构链接带说明的黄色导航(仿支付宝)

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

    快乐十分玩法与奖金 www.j63d3.cn 仿支付宝黄色导航,纯HTML+CSS结构,划过超链接下拉菜单中带说明,利用了a:hover这个属性,代码很简单,很容易读懂。
    html结构:
    <div class="frame-menu">
      <ul>
        <li> <a href="快乐十分玩法与奖金" target="_blank">快乐十分玩法与奖金
          <div class="info">解放出你的部分写代码时间来思考更高层次的设计</div>
          </a> </li>
        <li> <a href="快乐十分玩法与奖金" target="_blank">懒人建站
          <div class="info">JS代码,js特效代码大全,jquery特效,导航菜单代码,焦点幻灯片,企业网页设计欣赏</div>
          </a> </li>
        <li> <a href="//www.j63d3.cn/JS" target="_blank">JS代码
          <div class="info">懒人建站为您提供-js特效代码大全,JS广告代码,导航菜单代码,企业网页设计欣赏,基于jquery的特效插件,焦点幻灯片代码和各种建站技巧。</div>
          </a> </li>
        <li> <a href="//www.j63d3.cn/JS/texiao" target="_blank">网页特效
          <div class="info">解放出你的部分写代码时间来思考更高层次的设计</div>
          </a> </li>
        <li> <a href="//www.j63d3.cn/JS/nav" target="_blank">导航菜单
          <div class="info">解放出你的部分写代码时间来思考更高层次的设计</div>
          </a> </li>
        <li> <a href="//www.j63d3.cn/JS" target="_blank">JS代码
          <div class="info">解放出你的部分写代码时间来思考更高层次的设计</div>
          </a> </li>
        <li> <a href="//www.j63d3.cn/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结构链接带说明的黄色导航(仿支付宝)-最新评论

    • 最强美少女 2015-10-10 09:18:13
      楼上的稍等啦
    • 11 2015-10-10 09:10:13
      楼上的稍等啦
  • 2018年北京高考阅卷21万份 23日发布成绩 2019-02-15
  • 爬窗户干瞪眼  云南文山一小区惊现倭蜂猴 2019-02-15
  • 海口滞留游客咋样了?还有5000余辆车排队过海 2019-02-11
  • 纪念毛泽东《对晋绥日报编辑人员的谈话》 发表70周年研讨会在京召开 2019-01-12
  • 高中语文中的230个错别字,你能对几个? 2019-01-12
  • 广州图书馆:大美 · 国风民歌音乐会 2018-12-30
  • 杨箕寺右 百余龙舟齐汇江面 2018-12-26
  • 女性之声——全国妇联 2018-12-26
  • 南宁以秀美市容环境迎"两会" 舒适广场获市民点赞 2018-12-25
  • 反校园暴力法,这个必须有 春城壹网 七彩云南 一网天下 2018-12-25
  • 金灿荣 美国想遏制中国根本不可能, 我们和苏联不一样! 2018-12-09
  • 到户就不是计划经济,统一经营坚持集体的是计划经济。 2018-11-30
  • 过半美国人希望“特普”会面 以期改善美俄关系 2018-11-24
  • 专家:美方一意孤行 必将损人害己 2018-11-22
  • 【克山天气】最新克山今天天气,实时提供克山气温、空气质量、24小时天气预报、生活指数查询 2018-11-22
  • 822| 591| 1000| 984| 380| 556| 861| 535| 973| 941|