仿DW的图形菜单 DIV+CSS
作者：zishu 来源：zishu.cn 发布时间：2007-08-14 10:07:00
这是为了实现一个效果，而提前作的测试代码！看起来很简单的一个东西，到这会，大约四个小时过去了。不知道是IE6的BUG；还是我自已的BUG！有人问，你的CSS里边写的太麻烦了，呵呵， 你可以用简单的方法试一试；IE6，7，FIREFOX都走一次就知道了。
布局部分：
<div id="info">
<ul>
<li><a href="#" hidefocus="true"><img src="https://img.aspxhome.com/file/UploadPic/20078/14/200781410243936.gif" alt="A" align="absmiddle" /></a></li>
<li><a href="#" hidefocus="true"><img src="https://img.aspxhome.com/file/UploadPic/20078/14/200781410243944.gif" alt="B" align="absmiddle" /></a></li>
<li><a href="#" hidefocus="true"><img src="https://img.aspxhome.com/file/UploadPic/20078/14/200781410243363.gif" alt="C" align="absmiddle" /></a></li>
<li><a href="#" hidefocus="true"><img src="https://img.aspxhome.com/file/UploadPic/20078/14/200781410243243.gif" alt="D" align="absmiddle" /></a></li>
<li><img src="https://img.aspxhome.com/file/UploadPic/20078/14/200781410244320.gif" alt="M" align="absmiddle" /></li>
<li><a href="#" hidefocus="true"><img src="https://img.aspxhome.com/file/UploadPic/20078/14/200781410244589.gif" alt="E" align="absmiddle" /></a></li>
<li><a href="#" hidefocus="true"><img src="https://img.aspxhome.com/file/UploadPic/20078/14/200781410244272.gif" alt="F" align="absmiddle" /></a></li>
<li><a href="#" hidefocus="true"><img src="https://img.aspxhome.com/file/UploadPic/20078/14/200781410244319.gif" alt="G" align="absmiddle" /></a></li>
<li><a href="#" hidefocus="true"><img src="https://img.aspxhome.com/file/UploadPic/20078/14/200781410244759.gif" alt="H" align="absmiddle" /></a></li>
<li><img src="https://img.aspxhome.com/file/UploadPic/20078/14/200781410244320.gif" alt="M" align="absmiddle" /></li>
<li><a href="#" hidefocus="true"><img src="https://img.aspxhome.com/file/UploadPic/20078/14/200781410244331.gif" alt="I" align="absmiddle" /></a></li>
<li><a href="#" hidefocus="true"><img src="https://img.aspxhome.com/file/UploadPic/20078/14/200781410245196.gif" alt="J" align="absmiddle" /></a></li>
<li><a href="#" hidefocus="true"><img src="https://img.aspxhome.com/file/UploadPic/20078/14/200781410245666.gif" alt="K" align="absmiddle" /></a></li>
<li><a href="#" hidefocus="true"><img src="https://img.aspxhome.com/file/UploadPic/20078/14/200781410245364.gif" alt="L" align="absmiddle" /></a></li>
</ul>
</div>
加了hidefocus，是为了去掉点击链接时的虚线。
hidefocus="true"
CSS部分：
*{ margin:0; padding:0; list-style:none; border:none; line-height:1.8;}
#info{ background:#5F768B; padding:10px;}
#info ul{background:url(/file/UploadPic/20078/14/2007814102359117.gif) no-repeat left top; float:left; display:block;}
看一下效果吧！
说实话，直到写到这里，直到我再次修改这篇文章的时候，这个BUG我才终于处理完。但正常使用是不会有问题的！ 
样式的属性和一般标签属性之间的关系几乎是不可预知的！
0
投稿猜你喜欢
空白双边距是一个极容易误解的CSS特性.它不是CSS的bug,但如果我们一旦误解,将会给你带来很多麻烦.先看如下demo代码:<!do- 与没有数据库的网站相比，数据库的存取会降低你的系统性能。但是大多数情况下，网站和数据库有密不可分的关系，正是数据库给站点提供了大容量、多样性
- 对于许多想学习JavaScript的朋友来说，无疑如何选择入门的书籍是他们最头疼的问题，或许也是他们一直畏惧，甚至放弃学习JavaScrip
- 测试环境：1：xp系统2：双显，1680×1050 + 1050×16803：chrome 版本4.14：ff版本3.6chrome是我的默
- 当列表菜单项目特别多的时候，使用JavaScript手风琴菜单(Accordion Menus)是个不错的选择。手风琴折叠菜单利于组织菜单项
- 从前有三只小猪，长大自立了分别造房子住。老大搬来草堆堆出草屋，老二搬来木头搭出木屋，老三搬来砖头，砌墙，造烟囱，造出了坚固的砖房。一天晚上大
- blankzheng的blog：http://www.planabc.net/margin在中文中我们翻译成外边距或者外补白（本文中引用外边
- 在安排Web页面的布局时，最常用的方法之一是用HTML表格界定页面的结构。例如，假设Web页面由顶端的
- 采集中 或者 在线添加文章中 都可以用到此功能俺自己在baidu上搜索的保存远程图片到本地的代码 感觉比较难用点 而且没有现成的比较全的代码
- 本文代码将一些简单常用的SQL语句，拆分、封装成链式函数与终结函数，链式操作没有先后之分，实现傻瓜式mysql数据库操作。 同时学习下静态成
- 如何准确地获得一个整数？当然可以，Format就是做这个的“专家”：function NumbersOnlyNoDecimals(
- 一、概论超大型系统的特点为：1、处理的用户数一般都超过百万，有的还超过千万，数据库的数据量一般超过1TB;2、系统必须提供实时响应功能，系统
- 一些MySQL发布对MySQL数据库中的系统表的结构进行了更改，添加了新权限或特性。当你更新到新版本MySQL，你应同时更新系统表，以确保它
- 代码如下:<script type=text/javascript src=http://fw.qq.com/ipaddress>
- 如果不是因为总监审查严格，一定要求这个细节解决掉，也许我也不会去深究根源性的解决办法，再此感谢MTIME负责而严格的同事。首先描述一下问题：
- <％'============================================================
- 有。试试下面这个程序：saveip.asp<％Server.Scripttimeout = 1000On
- 如果遇到下述错误，表示当启动mysqld时或重新加载授权表时，在用户表中发现具有非法密码的账户。发现用户'some_user'
- 很多开发人员对于IIS和ASP.NET的安装等问题困扰,特此做下面的小总结,请大家多交流!iis 坏了修复办法!一般IIS运行不了ASP.N
- 要开发一个基于数据库的应用系统，其中最关键的一步就是整个系统所依据的数据库的建模设计，从逻辑的到物理的，一个环节疏于设计，整个的应用系统便似
