css+js实现select列表横向排列效果代码_表单特效

来源：动视网责编：小采时间：2020-11-27 20:39:22

css+js实现select列表横向排列效果代码_表单特效

css+js实现select列表横向排列效果代码_表单特效: 请选择ABCDEFGHI_select横排效果_脚本之家 *{font-size:12px;} A.s_l { BORDER: #dddddd 1px solid;BORDER-right: #dddddd 0px solid; BACKGROUND: #ffffff;PADDING: 4px 6px 2px 6px; TEXT-D

推荐度：

点击下载本文 文档为doc格式

导读css+js实现select列表横向排列效果代码_表单特效: 请选择ABCDEFGHI_select横排效果_脚本之家 *{font-size:12px;} A.s_l { BORDER: #dddddd 1px solid;BORDER-right: #dddddd 0px solid; BACKGROUND: #ffffff;PADDING: 4px 6px 2px 6px; TEXT-D

<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> 
<title>请选择ABCDEFGHI_select横排效果_脚本之家</title> 
</head> 
<body> 
<style> 
*{font-size:12px;} 
A.s_l { 
 BORDER: #dddddd 1px solid;BORDER-right: #dddddd 0px solid; BACKGROUND: #ffffff;PADDING: 4px 6px 2px 6px; TEXT-DECORATION: none;line-height:12px 
} 
A.s_l:hover { 
 BORDER: #003366 1px solid;BORDER-right: #dddddd 0px solid; BACKGROUND: #0063dc;COLOR: #ffffff; TEXT-DECORATION: none;line-height:12px 
} 
A.s_r { 
 BORDER: #dddddd 1px solid;BACKGROUND: #ffffff; PADDING: 4px 6px 2px 6px; TEXT-DECORATION: none;line-height:12px 
} 
A.s_r:hover { 
 BORDER: #003366 1px solid;BACKGROUND: #0063dc;COLOR: #ffffff; TEXT-DECORATION: none;line-height:12px 
} 
input {BORDER: #aaa 1px solid;width:65px;height:23px;PADDING: 4px 6px 0px 6px;background:url(http://bbs.blueidea.com/attachment.php?aid=90338&noupdate=yes) no-repeat 95% center;} 
.span1 {position:relative;top:3px;} 
.span2 {position:relative;left:-3px;top:1px} 
</style> 
<input type="text" value="请选择" onclick="sele(this)"> 
ABCDEFGHI 
 
function sele(o){ 
 var oobj=document.getElementById("select") 
 if (oobj.style.display=="none"){ 
 oobj.style.display="" 
 var obj=oobj.getElementsByTagName("a"),j=obj.length 
 for (var i=0;i<j;i++){ 
 obj[i].onclick=function(){ 
 o.value=this.innerHTML; 
 oobj.style.display="none" 
 } 
 } 
 } 
 else oobj.style.display="none" 
} 
</ script> 
</body> 
</html>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

css+js实现select列表横向排列效果代码_表单特效

推荐度：

点击下载本文 文档为doc格式

标签：特效表单 select

热门焦点

css+js实现select列表横向排列效果代码_表单特效

css+js实现select列表横向排列效果代码_表单特效

css+js实现select列表横向排列效果代码_表单特效

最新推荐

猜你喜欢

热门推荐