以下是HTML网页特效代码,点击运行按钮可查看效果
js仿taobao效果
*{ 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需刷新才能执行]
推荐阅读
Div Select挡住的解决办法
<html><head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>Div下拉菜单被Select挡住的解决办法</title> </head><body> <div style="z-index: 10; position: absolute; >>>详细阅读
本文标题:js仿淘宝的拼音检索特效代码
地址:http://www.17bianji.com/kaifa2/JS/29493.html
1/2 1