软件开发培训班 >> 编程开发 >> JavaScript

滑动门式菜单实现代码

　　本文标签：滑动门式,菜单

<!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=utf-8" /> 
<title>自写的滑动门式菜单/</title> 
<style type="text/css"> 
*{margin:0;padding:0;} 
body{ margin:auto;font:14px "宋体",Verdana, Arial, Helvetica, sans-serif;color:#333;} 
ul,li{padding:0; list-style:none;} 
a:link,a:visited{color:#333;text-decoration:none;} 
a:hover{color:#d00;text-decoration:none;} 
#headNav{background:url(http://files.jb51.net/imgby/_navBg.png) 0 -42px repeat-x; border-top:solid 1px #E5B0B1; height:42px;} 
#headNav ul li{float:left; padding:13px 0; text-align:center; cursor:pointer; } 
#headNav ul li a{display:block; font-size:14px; padding:0 9px; font-weight:bold; color:#fff;} 
#headNav ul li a.lineLink{border-left:dotted 1px #fff;} 
.navNormalLink{background:url(http://files.jb51.net/imgby/_navBg.png) 0 -42px no-repeat; padding-bottom:4px;} 
.navNormalOver{background:url(http://files.jb51.net/imgby/_navBg.png) no-repeat; padding-bottom:4px;} 
</style> 
</head> 
<body> 
    <div id="headNav"> 
        <ul> 
            <li>脚本之家</li> 
            <li>行业资讯</li> 
            <li>搜索引擎</li> 
            <li>站长访谈</li> 
            <li>网站联盟</li> 
            <li>源码下载</li> 
            <li>网页特效</li> 
            <li>模板素材</li> 
            <li>软件下载</li> 
        </ul> 
        <script type="text/javascript"> 
         
        </script> 
    </div> 
</body> 
</html>

技术文章快速查找

javascript实现的网页标题变换效果(网页游戏广告常用)

XForms与Ajax能够走到一起吗?

jQuery插件开发的两种方法及$.fn.extend的详解

jQuery 源码分析笔记(2) 变量列表

JavaScript版几种常见排序算法分享

js修改input的type属性问题探讨

setInterval计时器不准的问题解决方法

关闭ie窗口清除Session的解决方法

相关下载

在线教程导航

软件应用
·Windows8	·Windows7	·Word
·Excel	·PPT	·WPS
Web开发
·ASP	·JavaScript	·DIV+CSS
·JSP	·VbScript	·XML
·PHP
开发语言
·VB	·VC	·ASP.NET
·Java	·C++	·Delphi
数据库开发
·MySQL	·MsSQL	·Access
·Oracle	·DB2
手机系统
·Android	·iOS	·WindowsPhone
网站设计
·Flash	·Dreamweaver	·Fireworks
平面设计
·Photoshop	·CorelDraw	·AutoCAD
·3DsMAX	·Illustrator
网络技术
·网站运营	·网络安全	·网络搭建

软件开发培训班 >> 编程开发 >> JavaScript

滑动门式菜单 实现代码

滑动门式菜单实现代码