js仿淘宝的拼音检索特效代码
2008-08-14 00:00
861 查看
以下是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;}
function $(str){ return document.getElementById(str);}
function $$(str){ return document.getElementsByTagName(str);}
function changeMenu(thisObj,num){
if(thisObj.className=="over") return false;
var tabObj=thisObj.parentNode.getAttribute("id");
var obj_dt=$("warpper").getElementsByTagName("dt");
for(var i=0;i
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;}
function $(str){ return document.getElementById(str);}
function $$(str){ return document.getElementsByTagName(str);}
function changeMenu(thisObj,num){
if(thisObj.className=="over") return false;
var tabObj=thisObj.parentNode.getAttribute("id");
var obj_dt=$("warpper").getElementsByTagName("dt");
for(var i=0;i
相关文章推荐
- js仿淘宝的拼音检索特效代码
- 仿淘宝的拼音检索特效
- 仿淘宝的拼音检索特效
- 状态栏的进度条_JS特效代码
- js实现tab页切换选项卡代码特效
- 兼容ie和火狐firefox的js调用flash播放器代码特效
- JS特效之连续不断横向滚动图片代码
- JS+CSS实现的漂亮渐变背景特效代码(6个渐变效果)
- solr4.7.2开发实践 ——拼音检索【需要用到的包pinyin4j-2.5.0.jar和pinyinAnalyzer.jar;只需要配置schema.xml文件、solrj的java代码测试】
- 非常实用的选择输入日期的特效,JS代码。
- 标题栏的定时信息_JS特效代码
- js图片轮播特效代码分享
- js带点自动图片轮播幻灯片特效代码分享
- Jquery 特效_JS代码_JS广告代码_下拉菜单代码-懒人建站 http://www.51xuediannao.com/
- 一个JS TAB 特效 代码清晰明了,一看就懂!
- JS 特效代码 400例
- 热点新闻滚动特效的js代码
- js实现文字定时向上滚动效果_文字特效_js网页特效代码
- JS特效代码大全(三)
- JS特效代码大全(一)IE6下PNG图片透明效果的JS特效代码