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

发布时间：2008-06-18　作者：　来源：转载

标签：雪佛兰通用奢华劳斯莱斯旗舰版 64位收藏夹解调器

真不错的select横排效果代码，推荐大家阅读，这个思路真不错，太感谢作者了

<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> 
<span class="span1"><input type="text" value="请选择" onclick="sele(this)"></span> 
<span class="span2" id="select" style="display:none">ABCDEFGHI</span> 
 
</body> 
</html>

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

上一篇：javascript实现通过拼音首字母快速选择下拉列表

下一篇：javascript下兼容firefox选取textarea文本的代码

广告商业广告，理性选择

网站首页

网络编程

数据库

操作系统

平面设计

网站运营

网络安全

电脑相关

手机学院

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

相关推荐

文章分类

热门关键词

热门文章

最新更新