当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 一个不错的动感导航菜单

Javascript
玩透弹出窗口
几个常用的日期函数
简单的脚本帮你编排JScript程序中的缩进
得到 words.js?hello,world! 参数的处理方法
如何在javascript中传值
可输入的select
IE支持的HTML元素的DISABLE属性在NETSCAPE4.76中的实现
利用xml数据岛实现多级关联下拉选择框的做法
利用Wipe等ActiveX技术，实现n(n>>2)幅图片轮换擦洗显示
Javascript技术实现真正的网上试听
JavaScript实现在线编辑表格
根据客户端的分辨率不同而重定向到不同网页的脚本
几种不刷新页面取数据的方法
web进度条
随手写的一个动态添加删除行的HTC行为组件
农历与阳历的对照
关于在页面中解决打印的几个问题
"打开,另存为,属性,打印"等14个JS代码
无提示框关闭IE窗口
实现上传（增删）多个文件的客户端写法。

No. « 4 5 6 7 »

技术文章搜索

关键字

Javascript 中的 一个不错的动感导航菜单

出处:互联网   整理: 软晨网（RuanChen.com）   发布: 2009-09-12   浏览: 66 ::
收藏到网摘: n/a

<style>
dl{width:150px;background:#00f url(bottom.gif) no-repeat left bottom;color:#fff;padding-bottom:5px;}
dt{background:#00f url(top.gif) no-repeat top left;padding:10px 10px 10px 20px;font:14px/1.5em arial;border-bottom:1px solid #fff;}
dd{margin:0;border-bottom:1px solid #fff;}
a{display:block;background:url(arrow.gif) no-repeat 10px 10px;color:#fff;text-decoration:none;padding:5px 0px 5px 20px;font:12px/1.5em arial;}
a:hover{color:#fcc;background:url(arrow.gif) no-repeat 11px 10px;}
</style>
<div id="menu">
<dl id="gallery">
<dt>Art Gallery</dt>
<dd><a href="#" title="Paul Cezanne">Paul Cezanne</a></dd>
<dd><a href="#" title="Henri Matisse">Henri Matisse</a></dd>
<dd><a href="#" title="Vincent van Gogh">Vincent van Gogh</a></dd>
<dd><a href="#" title="William Turner">William Turner</a></dd>
<dd><a href="#" title="John Constable">John Constable</a></dd>
<dd><a href="#" title="Claude Monet">Claude Monet</a></dd>
</dl>
</div>
效果演示
点击运行可以看到效果:
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]