郁闷吧 微信小程序 4188479 63242849 39070147 130690866
还没有任何记录...

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

三晋福彩网21选5提供网页素材下载、网站模板
这一切都是免费的 !
当前位置:三晋福彩网21选5 > javascript > 三晋福彩网21选5 >

纯三晋福彩网21选5三晋福彩网21选5(三晋福彩网21选5)

来源:未知 作者: 三晋福彩网21选5 日期:2010-08-04 人气:
三晋福彩网21选5的黄色导航,纯三晋福彩网21选5结构,划过超链接下拉菜单中带说明 ,利用了a:hover这个属性,代码很简单,很容易读懂 。

三晋福彩网21选5黄色导航,纯三晋福彩网21选5结构,划过超链接下拉菜单中带说明 ,利用了a:hover这个属性,代码很简单,很容易读懂 。
html结构:
<div class="frame-menu">
  <ul>
    <li> <a href="http://www.vehicleheating.com" target="_blank">三晋福彩网21选5
      <div class="info">解放出你的部分写代码时间来思考更高层次的设计</div>
      </a> </li>
    <li> <a href="http://www.vehicleheating.com" target="_blank">三晋福彩网21选5
      <div class="info">JS代码,js特效代码大全,jquery特效,三晋福彩网21选5代码 ,焦点幻灯片  ,企业网页设计欣赏</div>
      </a> </li>
    <li> <a href="http://www.vehicleheating.com/JS" target="_blank">JS代码
      <div class="info">三晋福彩网21选5为您提供-js特效代码大全,JS广告代码,三晋福彩网21选5代码 ,企业网页设计欣赏,基于jquery的特效插件 ,焦点幻灯片  代码和各种建站技巧。</div>
      </a> </li>
    <li> <a href="http://www.vehicleheating.com/JS/texiao" target="_blank">网页特效
      <div class="info">解放出你的部分写代码时间来思考更高层次的设计</div>
      </a> </li>
    <li> <a href="http://www.vehicleheating.com/JS/nav" target="_blank">三晋福彩网21选5
      <div class="info">解放出你的部分写代码时间来思考更高层次的设计</div>
      </a> </li>
    <li> <a href="http://www.vehicleheating.com/JS" target="_blank">JS代码
      <div class="info">解放出你的部分写代码时间来思考更高层次的设计</div>
      </a> </li>
    <li> <a href="http://www.vehicleheating.com/JS" target="_blank">JS代码
      <div class="info">JS代码,js特效代码大全,jquery特效,三晋福彩网21选5代码 ,焦点幻灯片  ,企业网页设计欣赏</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;}

 

本文链接:纯三晋福彩网21选5三晋福彩网21选5(三晋福彩网21选5)http://www.vehicleheating.com/js/nav/zhifubao.html

(责任编辑:三晋福彩网21选5)

纯三晋福彩网21选5三晋福彩网21选5(三晋福彩网21选5)由三晋福彩网21选5收集整理,您可以自由传播 ,请主动带上本文链接

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