站长资源 网络编程

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

整理:jimmy2026/8/6浏览2次

简介请选择ABCDEFGHI_select横排效果_脚本之家 *{font-size:12px;} A.s_l { BORDER: #dddddd 1px solid;BORDER-right: #dddddd 0px solid; BACKGROUND: #ffffff;PADDING:

<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  </body> </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

上一篇：非常不错的弹出一个div的js代码

下一篇：很酷的javascript loading效果代码

站长资源 网络编程

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

最新资源

一句话新闻

标签云