| 倾斜的鼠标翻转导航制作上的烦恼 |
|
| |
|
|
" title="RSD" href="/rsd.xml" />
<link rel="start" href="" title="Home" />
<style type="text/css">
<!--
#nav {padding:0; margin:0; width:398px; height:25px; line-height:25px; overflow:hidden; list-style:none; position:relative;}
#nav li {width:82px; height:25px; position:absolute; top:0;}
#b {left:79px;}
#c {left:158px;}
#d {left:237px;}
#e {left:316px;}
#nav a {width:82px; height:25px; padding:30px 0 0 ; overflow:hidden; display:block; background:url(http://www.blueidea.com/articleimg/2007/02/4476/07.gif) no-repeat;}
#b a {background-position: -82px 0px;}
#c a {background-position: -164px 0px;}
#d a {background-position: -246px 0px;}
#e a {background-position: -328px 0px;}
#a a:hover {background-position: 0 -25px}
#b a:hover {background-position: -82px -25px;}
#c a:hover {background-position: -164px -25px;}
#d a:hover {background-position: -246px -25px;}
#e a:hover {background-position: -328px -25px;}
-->
</style>
</head>
<body id="" class="">
<ul id="nav">
<li id="a"><a href="" title="">HOME</a></li>
<li id="b"><a href="" title="">ABOUT</a></li>
<li id="c"><a href="" title="">PRODUCT</a></li>
<li id="d"><a href="" title="">SEVICE</a></li>
<li id="e"><a href="" title="">FEEDBACK</a></li>
</ul>
</body>
</html>
上一页 [1] [2]
 |
频道声明：本频道的文章除部分特别声明禁止转载的专稿外，可以自由转载.但请务必注明出出处和原始作者 文章版权归本频道与文章作者所有.对于被频道转载文章的个人和网站,我们表示深深的谢意。
| 原始作者:佚名 |
录入时间:2007-5-13 02:55:50 |
| 信息来源:不详 |
投稿信箱:itqoo@126.com |
|
|
 |
|
|
|
| 教程录入：itqoo 责任编辑：itqoo |
|
上一个教程： Web 2.0视觉风格进化论(1):什么是成熟的视觉风格?
下一个教程： 如何做好搜索引擎优化？影响SEO的八项因素 |
| 【字体：小 大】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口】 |
用户登录 
新用户注册 
网友评论：（只显示最新10条。评论内容只代表网友观点，与本站立场无关！） 