- 浏览: 134435 次
- 性别:
- 来自: 北京
文章分类
最新评论
<script type="text/javascript"> iws=false; function shlist(){ document.getElementById("t_select-list").style.display=document.getElementById("t_select-list").style.display=="block"?"none":"block"; } function changesever(ts){ document.getElementById("t_selected").innerHTML="---"+ts.innerHTML+"---"; shlist(); //alert(document.getElementById("selected").rel); } function cws(val){ iws=val; } function hlist(){ if(!iws)document.getElementById("t_select-list").style.display="none"; } </script> <style type="text/css"> #t_select{ width:200px; height:18px; } #t_selected{width:200px; height:18px; line-height:18px; color:#F2E3A8; background:url(http://images2.wowchina.com/images_wow/front/select_top.gif) no-repeat; font-size:12px; text-align:center; position:relative; z-index:998; cursor:default;} #t_select-list{position:absolute;margin-top:1px; margin-left:3px;filter:alpha(opacity=90); opacity:0.9; background:#54482B; border:#918C6D 1px solid; font-size:12px; width:192px;text-align:center; display:none;} #t_select-list a{display:block; color:#F2E3A8; text-decoration:none;} #t_select-list a:hover{text-decoration:underline; background:#6F6546;} </style> <div id="t_select"> <div id="t_selected" onclick="shlist();" onmouseover="cws(true);" onmouseout="cws(false);" onblur="hlist()">---请选择您要下载的程序---</div> <div id="t_select-list" onmouseover="cws(true);" onmouseout="cws(false);"> <a href="http://www.wowchina.com/download/client/index.shtml#0" onclick="changesever(this);" target="_blank">我没有客户端</a> <a href="http://www.wowchina.com/download/client/index.shtml#1123" onclick="changesever(this);" target="_blank">我的客户端低于2.1.0版本</a> <a href="http://www.wowchina.com/download/client/index.shtml?2030" onclick="changesever(this);" target="_blank">2.2.3到2.3.0升级补丁</a> <a href="http://www.wowchina.com/download/client/index.shtml?2032" onclick="changesever(this);" target="_blank">2.3.0到2.3.2升级补丁</a> <a href="http://www.wowchina.com/download/client/index.shtml?2033" onclick="changesever(this);" target="_blank">2.3.2到2.3.3升级补丁</a> <a href="http://www.wowchina.com/download/client/index.shtml?2040" onclick="changesever(this);" target="_blank">2.3.3到2.4.0升级补丁</a> <a href="http://www.wowchina.com/download/client/index.shtml?2041" onclick="changesever(this);" target="_blank">2.4.0到2.4.1升级补丁</a> <a href="http://www.wowchina.com/download/client/index.shtml?2042" onclick="changesever(this);" target="_blank">2.4.1到2.4.2升级补丁</a> <a href="http://www.wowchina.com/download/client/index.shtml?2043" onclick="changesever(this);" target="_blank">2.4.2到2.4.3升级补丁</a> </div> </div> <div>ffffffff</div>
发表评论
-
js获取url参数
2017-11-15 10:05 371function getRequest() { ... -
重写alert
2017-03-16 14:27 484/** * http://www.jianshu.com ... -
15年双11手淘前端技术巡演 - H5性能最佳实践
2015-12-15 11:53 604https://github.com/amfe/artic ... -
jQuery Iframe父窗口
2014-07-20 12:08 10iframe在复合文档中经常用到,利用jquery操作ifr ... -
javascript 对象 数组 转换 为 字符串
2013-07-06 12:54 1062function ArrayToString(arr ... -
js加载的性能提升 RequireJs ; node.js
2012-01-02 08:58 855http://www.infoq.com/cn/news/20 ... -
jquery - 自动触发对象事件用-trigger
2011-12-10 15:21 1077jquery - 自动触发对象事件用-trigger $(& ... -
option的文本值
2011-11-17 13:37 569obj.value 是 option的value值 o ... -
web前端优化
2011-07-13 21:27 660参考 http://blog.csdn.net/wuxyy ... -
浏览器的DNS缓存 改hosts 不用再关浏览器了
2011-06-29 12:16 1587firefox 插件,, HostAdmin htt ... -
ajax上传图片-uploadify
2011-05-06 15:46 1471http://www.cnblogs.com/Lewis/ar ... -
php 传出的json数据给js用
2011-03-03 16:10 690var jsonData = {$jsonData}; ... -
validator 验证插件
2011-01-06 18:08 1049一、用前必备 官方网站:http://bassistance ... -
js字符串替换
2010-10-11 13:11 1543/* 字符串替换 * * @param arrSearc ... -
setInterval,setTimeout与jquery混用冲突
2010-09-25 16:45 1699当遇到setInterval,setTimeout与jquer ... -
jquery 日期联动
2010-09-09 09:38 941<%@ Page Language="C#&q ... -
jquery控制 select 标签
2010-09-09 09:36 1028/**//* 文件名:jquery.liu.select.j ... -
JavaScript字符串截取
2010-08-26 16:46 14061、String.charCodeAt作用:指定位置的字符的 ...
相关推荐
原生js text文本框模拟select下拉框美化点击下拉菜单选 原生js text文本框模拟select下拉框美化点击下拉菜单选 原生js text文本框模拟select下拉框美化点击下拉菜单选 原生js text文本框模拟select下拉框美化点击...
类似百度下拉提示 模拟select下拉框 jquery插件 自动提示框 下拉框 本插件依赖于jquery的插件,类似于百度下拉提示框
jQuery模拟select下拉框插件是一款支持多选和单选下拉框菜单选中代码。
jQuery模拟select下拉框三级城市联动代码
一款美化得很好看的jQuery模拟select下拉框多选和单选插件,以下拉形式展示,非常的有特色。
jQuery模拟select下拉框插件是一款支持多选和单选下拉框菜单选中代码。
原生js text文本框模拟select下拉框美化点击下拉菜单选择value赋值效果源码.zip
jquery DIV模拟select,样式美观、大方、可自己更换背景、不懂的私我
完美的select模拟组件,不会影响屏蔽Js的用户的浏览,兼容性好,可以通过传递参数设置select的外观,炫丽效果,一个参数搞定,并且能完整保留原生select的绑定事件
DIV模拟select框,自动生成div框
一组经过美化的jQuery select下拉框单选和多选插件,带搜索功能,模拟select下拉框多选菜单选择效果。
有兴趣刚需的可以自己下载,非常实用的jquery代码,可以完美运行,有能力的还可以二次修改!
jQuery模拟select下拉框插件是一款支持多选和单选下拉框菜单选中代码。
divcss模拟select 下拉框 select 改变样式
jQuery模拟select下拉框三级城市联动代码基于jquery.1.10.2.min.js制作,支持中文拼音首字或首字母搜索功能。
本篇文章主要是对用jQuery模拟select下拉框的简单示例代码进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助