请教这种JS+CSS 样式叫什么名字-JavaSript-爱易网页

请教这种JS+CSS 样式叫什么名字

日期：2014-05-16　浏览次数：20470 次

请问这种JS+CSS 样式叫什么名字？

想做一个如上图的功能，权限分配，点击》可以把左边全部转移到右边，> 转移单个。

这个画面我只是画的一个大概的示意图，以前在其他地方也碰到过着东西，请问这种CSS+JAVASCRIPT的特性叫什么名字？这种样式去哪能找到漂亮的样式？谁能帮帮忙啊。跪求。
------解决方案--------------------
同学，像这种最好还是得自己写，不会写，抽空学一下jq，不难。有找的时候，学都学出来。
------解决方案--------------------
似乎是好几种功能的结合，hide+show?

选中的check，右边显示，然后左边的隐藏掉

------解决方案--------------------
样式可以先慢慢自己调整css，至于实现的话，LZ，你的自己设计下，而且这个左右来回移动是要加校验和判断的！
------解决方案--------------------

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">



<html>

<head>

	<title>Untitled</title>

	<style type="text/css">

		.contend{width:700px;}

		.leftArea{float:left; width:230px;}

		.leftArea table {width:100%; font-size:12px; border-top:1px solid #41b1be; border-left:1px solid #41b1be; outline:1px solid #fff !important;}

		.leftArea table td{font-size:12px; line-height:120%; border-right:1px solid #41b1be; border-bottom:1px solid #41b1be; height:27px;}

		.centerArea{float:left; width:40px; height:300px; padding: 3px;}

		.rightArea{width:400px;}

		.rightArea table {width:100%; font-size:12px; border-top:1px solid #41b1be; border-left:1px solid #41b1be; outline:1px solid #fff !important;}

		.rightArea table td{font-size:12px; line-height:120%; border-right:1px solid #41b1be; border-bottom:1px solid #41b1be; height:27px;}

		.bordernone{width:40px; height: 24px; border:0px; background:#fff; margin-top:15px;}

		.submitArea{width:700px; text-align: right; margin:10px 3px 0 0;}

		.submitArea #conform{margin-right: 10px;}

		.blankarea{height:55px;}

		.select{background:#e7e7e7}

		.checkbox{padding:0px; width:14px; height:14px; overflow:hidden; border: 1px solid #41b1be; margin-left:5px;}

	</style>

	<script language="javascript" src="jquery.js"></script>

</head>



<body>



<div class="contend">

	<!-- left area -->

	<div class="leftArea">

		<table border="0" cellpadding="3" cellspacing="0">

			<colgroup>

				<col style="width:30%; text-align:center;"></col>

				<col style="width:70%;"></col>

			</colgroup>

			<thead>

				<tr><td>序号</td><td>功能模块</td></tr>

			</thead><tbody>

				<tr><td>1</td><td>经营性运输服务许可信息</td></tr>

				<tr><td>2</td><td>处置计划信息</td></tr>

				<tr><td>3</td><td>准运证台帐</td></tr>

				<tr><td>4</td><td>处置场许可信息</td></tr>

				<tr><td>5</td><td>临时堆放许可信息</td></tr>

				<tr><td>6</td><td>综合利用处置许可信息</td></tr>

				<tr><td>7</td><td>回填场地登记信息</td></tr>

				<tr><td>8</td><td>土地档案管理</td></tr>

				<tr><td>9</td><td>垃圾处置分配</td></tr>

				<tr><td>10</td><td&g

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

请教这种JS+CSS 样式叫什么名字

相关资料更多>

推荐阅读更多>