以下是HTML网页特效代码,点击运行按钮可查看效果
*{ margin:0;padding:0;}
body{ font:normal 12px Verdana, Arial, Helvetica, sans-serif; text-
align:center;}
#warpper{ position:absolute; left:100px; top:100px;}
h5{ float:left;}
a{ text-decoration:underline; cursor:pointer; font-weight:bold;}
dl{ height:18px; line-height:18px; background:#f7f7f7; padding:0 10px;}
dt,.normal{ float:left; padding:0 10px; border-right:1px solid #ccc; text-
decoration:none; width:auto; cursor:pointer;}
dt.over{ position:relative;border:1px solid #86e5f0; padding:0 10px 15px
10px; border-bottom:1px solid #caf1f1; margin:-1px 0 0 -1px; z-index:1000;
color:#ff6026; text-decoration:underline; background:#caf1f1; height:22px; }
li{ float:left; list-style-type:none; margin:5px 10px; width:120px;}
dl dd{ position:absolute; width:500px; left:0;top:37px!important; border:1px
solid #86e5f0; background:#caf1f1;
filter:progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=120,
color=#cccccc); padding:10px 0;}
.block{ display:block;}
.none{ display:none;}
- a
-
- Adidas
- AEE/爱意
- AF
- AF棒球帽
- Agatha
- Albion/奥尔滨
- AMD
- Andox
- Artini
- 爱普生
- b
-
- fasfs
- fsdfsd
- c[ch]
-
- fasfs
- fsdfsd
- fdsfas
- d
-
- fasfs
- fsdfsd
- fdsfas
- fasdffsd
- e
-
- fasfs
- fsdfsd
- fdsfas
- fasdffsd
- fasdfsaf
- f
-
- 北冥有鱼
- jb51.net
- 脚本
- alixixi
- Fancl
- Fancl
- Fancl
- Fancl
- Fancl
- Fancl
- Fancl
- Fancl
- Fancl
- Fancl
拼音检索:
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
您可能感兴趣的文章:
- javascript数据结构与算法之检索算法
- JavaScript字符串检索字符的方法
- 基于JavaScript实现的顺序查找算法示例
- JavaScript实现在数组中查找不同顺序排列的字符串
- Javascript获取数组中的最大值和最小值的方法汇总
- 求js数组的最大值和最小值的四种方法
- javascript实现查找数组中最大值方法汇总
- JavaScript数据结构与算法之检索算法实例分析【顺序查找、最大最小值、自组织查询】