您的位置：首页 > 编程语言

类似Discuz的文本框弹出层效果代码

2009-10-14 09:12 190 查看

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2<html xmlns="http://www.w3.org/1999/xhtml">
3<head>
4<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
5<title>类似Discuz的文本框弹出层效果代码 - www.webdm.cn </title>
6</script>
51</style>
55</head>
56<body>
57<input type="text" id="yuanGong" onclick="dakai()" size="50">
58<div id="light" class="white_content">
59<table border="1" width="350" id="table4" bordercolor="#CCCCCC" bordercolordark="#CCCCCC" bordercolorlight="#FFFFFF" cellpadding="3" cellspacing="0">
60 <tr>
61 <td width="150" height="200" align="center" valign="middle">
62 该部门员工
63 <select size="12" name="D1" ondblclick="moveselect(this,'D2')" multiple="multiple" style="width:140px">
64 <option value="员工1">员工1</option>
65 <option value="员工2">员工2</option>
66 <option value="员工3">员工3</option>
67 </select>
68 </td>
69 <td width="50" height="200" align="center" valign="middle">
70 <input type="button" value="<<" name="B3" onclick="moveselect('D2','D1',1)" /><br />
71 <input type="button" value="<" name="B5" onclick="moveselect('D2','D1')" /><br />
72 <input type="button" value=">" name="B6" onclick="moveselect('D1','D2')" /><br />
73 <input type="button" value=">>" name="B4" onclick="moveselect('D1','D2',1)" /><br />
74 </td>
75 <td width="150" height="200" align="center" valign="middle">
76 未划分部门员工
77 <select size="12" name="D2" id="D2" ondblclick="moveselect(this,'D1')" multiple="multiple" style="width:140px">
78 <option value="员工4">员工4</option>
79 <option value="员工5">员工5</option>
80 </select>
81 </td>
82 </tr>
83</table>
84<a href = "javascript:void(0)" onclick = "guanbi()">确定</a><BR><BR>
85</div>
86<div id="fade" class="black_overlay"></div>
87</body>
88</html>
89
90
91

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航