<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<title>注册</title>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="style.css" rel="stylesheet" type="text/css" />
<script src="inc/ce_clas.js" language="javascript"></script>
<style type="text/css">
.reg_left {
width:600px;float:left;}
.reg_input_left {
float:left;width:180px;padding-left:20px;font-size:14px;height:30px;line-height:30px;margin-top:9px;}
.reg_input_right {
float:right;width:400px;font-size:14px;height:30px;margin-top:9px;line-height:30px;text-align:left;}
.reg_select {
padding:3px;cursor:pointer;border:1px #B2BBCD solid;height:18px;line-height:18px;background:url(images/arr_select.gif) no-repeat right;}
</style>
</head>
<body>
<!--
作者QQ：10012515
-->
<div id="pagebody">
<div class="reg_left">
<div class="reg_input_left">类 别： <span class="star">*</span></div>
<div class="reg_input_right">
<a href="javascript:void(0)" onclick="ShowClas();"><input id="iClas" type="text" name="lb" readonly class="reg_select" style="width:150px;"></a>
</div>
<div class="reg_input_left">性 别： <span class="star">*</span></div>
<div class="reg_input_right">
<a href="javascript:void(0)" onclick="ShowSex();"><input id="iSex" type="text" name="xb" readonly class="reg_select" style="width:50px;"></a>
</div>
<div class="reg_input_left">所在城市： <span class="star">*</span></div>
<div class="reg_input_right"><a href="javascript:void(0)" onclick="ShowArea();"><input id="iArea" type="text" name="szcs" readonly class="reg_select"></a>
</div>
</div>
</div>
</body>
</html>
JS+DIV代替select,代码完整
4星 · 超过85%的资源 需积分: 10 78 浏览量
2013-04-26
17:32:03
上传
评论
收藏 112KB RAR 举报 
JS+DIV代替select.rar （5个子文件） 
JS+DIV代替select inc 
ce_clas.js 14KB images Thumbs.db 281KB
arr_select.gif 76B
register.html 2KB style.css 291B资源评论
xuefeng6192014-02-25实现了下拉的功能，只是样子有点丑，不过可以改改
