刘小彬
- 浏览: 117938 次
- 性别:
- 来自: 深圳
-
文章分类
最新评论
<html>
<head>
<title>采购询价</title>
<style type="text/css">
.ti{background-color:green;width:80px;text-align:center}
.t2{font-size:12px;}
.dz{border:1px solid red;width:500px;height:200px;margin-left:340px;}
.d1{width:150px;height:150px;float:left;margin-left:8px;margin-top:2px;}
</style>
<script type="text/javascript">
//控制层的显示和隐藏
function zs(idd){
var obj = idd.style.display;
if(obj == "none"){
idd.style.display = "block";
}else{
idd.style.display = "none";
}
}
function getId(id){
return document.getElementById(id);
}
//右移事件
function yy(s1,s2){
var b = getId(s1);//获取列表框对象
var coll = b.options;//获取列表元素集合
var s2 = getId(s2);
var i = b.selectedIndex; //获取选中项的下标
var j;
for(j=0;j<coll.length;j++){
if(coll[j].selected){
var selVal = coll[j].text;
s2.options.add(new Option(selVal,selVal));
coll.remove(j);
j-=1;
}
}
}
</script>
</head>
<body>
<div>
<table>
<tr>
<td class="ti">编号</td>
<td class="ti">姓名</td>
<td class="ti">部门</td>
<td class="ti">职称</td>
<td class="t2"><input type="button" value="选择" onclick="zs(dzs)"></td>
</tr>
</table>
<div id="dzs" class="dz">
<div class="d1">
</div>
<div class="d1">
<div style="font-size:12px;background-color:gray;"><a>二级节点</a> --- <a href="#" onclick="yy('s1','s2');">右移</a></div>
<select id="s1" size="5" multiple="5" style="width:100%;height:100%;margin-top:2px;">
<option>a</option>
<option>b</option>
<option>c</option>
<option>d</option>
<option>e</option>
<option>f</option>
<option>g</option>
<option>h</option>
<option>m</option>
</select>
</div>
<div class="d1">
<div style="font-size:12px;background-color:gray;"><a>三级节点</a> --- <a href="#" onclick="yy('s2','s1');">左移</a></div>
<select id="s2" size="5" multiple="5" style="width:100%;height:100%;margin-top:2px;">
</select>
</div>
</div>
</div>
</body>
</html>
<head>
<title>采购询价</title>
<style type="text/css">
.ti{background-color:green;width:80px;text-align:center}
.t2{font-size:12px;}
.dz{border:1px solid red;width:500px;height:200px;margin-left:340px;}
.d1{width:150px;height:150px;float:left;margin-left:8px;margin-top:2px;}
</style>
<script type="text/javascript">
//控制层的显示和隐藏
function zs(idd){
var obj = idd.style.display;
if(obj == "none"){
idd.style.display = "block";
}else{
idd.style.display = "none";
}
}
function getId(id){
return document.getElementById(id);
}
//右移事件
function yy(s1,s2){
var b = getId(s1);//获取列表框对象
var coll = b.options;//获取列表元素集合
var s2 = getId(s2);
var i = b.selectedIndex; //获取选中项的下标
var j;
for(j=0;j<coll.length;j++){
if(coll[j].selected){
var selVal = coll[j].text;
s2.options.add(new Option(selVal,selVal));
coll.remove(j);
j-=1;
}
}
}
</script>
</head>
<body>
<div>
<table>
<tr>
<td class="ti">编号</td>
<td class="ti">姓名</td>
<td class="ti">部门</td>
<td class="ti">职称</td>
<td class="t2"><input type="button" value="选择" onclick="zs(dzs)"></td>
</tr>
</table>
<div id="dzs" class="dz">
<div class="d1">
</div>
<div class="d1">
<div style="font-size:12px;background-color:gray;"><a>二级节点</a> --- <a href="#" onclick="yy('s1','s2');">右移</a></div>
<select id="s1" size="5" multiple="5" style="width:100%;height:100%;margin-top:2px;">
<option>a</option>
<option>b</option>
<option>c</option>
<option>d</option>
<option>e</option>
<option>f</option>
<option>g</option>
<option>h</option>
<option>m</option>
</select>
</div>
<div class="d1">
<div style="font-size:12px;background-color:gray;"><a>三级节点</a> --- <a href="#" onclick="yy('s2','s1');">左移</a></div>
<select id="s2" size="5" multiple="5" style="width:100%;height:100%;margin-top:2px;">
</select>
</div>
</div>
</div>
</body>
</html>
分享到：
发表评论
文章已被作者锁定，不允许评论。
-
弹出层并可拖拽
2016-09-21 14:59 0<!DOCTYPE html PUBLIC " ... -
标题栏新消息提示效果
2016-09-21 14:42 522var newMessageRemind={ _step: ... -
JS转换HTML转义符
2016-09-21 14:14 554//去掉html标签 1 2 3 function remo ... -
JS判断是否在微信浏览器打开
2016-09-21 14:07 462最近做很多HTML5的项目，很多页面会通过微信微博等SNS分享 ... -
添加搜藏,设为首页
2016-09-21 11:13 410//添加搜藏 function AddFavorite() { ... -
jQuery 发送验证码倒计时按钮
2016-09-21 11:02 518{ wait:90, hsTime:func ... -
JS杂记
2011-10-24 15:09 675//定义数组 var index = new ... -
数_函_置_内_J_S
2011-09-15 13:41 578http://mamaoyuan625.iteye.com/b ... -
素_元_建_创_J_S
2011-09-15 11:22 490//获取对象 var obj = document.getEl ... -
件_事_出_退_载_加_S_J
2011-09-01 14:45 587<html> <head> & ... -
组_数_S_J
2011-09-01 14:43 624<html> <head> &l ... -
点_节_形_树_S_J
2011-08-29 10:12 589http://wangyalei.iteye.com/blog ... -
巧_技_小_S_J
2011-08-26 10:17 334http://bageer707.iteye.com/blog ... -
2_数_函_串_符_字_用_常
2011-08-26 10:01 303//修改日期信息 myDate.setDate(myD ... -
1_数_函_串_符_字_用_常
2011-08-26 09:59 349//定义数组的两种方式 ... -
象_对_D_O_M
2011-08-26 09:55 439<html> <head> &l ... -
2_证_验_S_J
2011-08-25 12:42 376//验证电话号码 function checkPhone ... -
证_验_S_J
2011-08-25 12:35 500<html> <head> &l ... -
1_篇_础_基_S_J
2011-08-25 09:51 438http://www.iteye.com/topic/5656 ... -
传_上_片_图_S_J
2011-08-24 17:00 586http://www.cnblogs.com/cloudgam ...
相关推荐
HAL（Hardware Abstraction Layer，硬件抽象层）是STM32微控制器软件接口的一种标准，它为开发者提供了一套独立于具体硬件的API，使得代码更具有可移植性。HAL库的优势在于其简洁明了的函数调用，以及与底层寄存器...
HAL库提供了一种高级抽象层，使得代码更具可移植性，而标准库则更接近底层硬件，可能具有更高的效率。开发者在这项目中结合使用两者，既保证了移植性，也确保了性能。 6. **串口屏**：陶静驰串口屏是一种基于UART...
如图表所示，____。” - **知识点**: 这种开头方式适用于需要描述数据变化趋势的文章。通过简明扼要地介绍图表所展示的主要信息，能够快速吸引读者注意并引导读者关注核心问题。 2. **模板**：“从第一张图表中，...
这可以通过嵌套循环实现，外层循环控制第一位数字，内层循环控制第二位数字，然后固定前两位，再对后两位进行类似操作。每次比较时，调用`is_anagram()`函数。这个过程可能看起来像这样： ```python anagrams = [] ...
学习内容可能包括HSPCIE协议规范，如版本、数据速率、事务层、物理层、链路层等，并讨论如何在FPGA中实现HSPCIE接口。 3. **时序分析与优化**：设计高速接口时，时序分析至关重要。这部分可能涉及时钟域跨越、同步...
如图所示，多层AHB架构通过增加额外的互连层来实现更高的带宽和灵活性。在传统的单层AHB架构中，所有主设备和从设备都连接在同一层上，而在多层架构中，则可以将不同的设备分组并分配到不同的互连层上，从而避免了...
虽然进程通常不会直接与IGMP交互，但可以通过IGMP接口发送或接收IGMP报文，这使得多播路由守护程序可以作为用户级进程实现。 在操作层面，IGMP处理的核心是`in_multi`结构，如图13-1所示。当IGMP查询到达时，会为每...
Java Native Access（JNA）是Java平台上的一个开源库，它允许Java代码直接调用操作系统提供的本地库函数，而无需编写C/C++的中间层，如JNI（Java Native Interface）。"jna-demo.zip_DEMO_JNA demo_java jna_jna的...
### PetShop 5.0 系统架构...通过分析 PetShop 5.0 的架构设计，我们可以学到很多关于如何构建高效、可维护的企业级应用的重要知识。尽管它的数据访问层没有采用 ORM，但整体架构设计仍然非常优秀，值得学习和借鉴。
它提供了丰富的图形层、数据绑定、样式和模板等功能，使得开发美观且功能强大的应用变得简单。在WPF中，我们可以创建复杂的用户界面，并通过XAML（可扩展应用程序标记语言）进行声明式编程。 **MVVM（Model-View-...
这种数据结构可能如下所示： ```json { "name": "John", "age": 30, "city": "New York", "friends": [ { "name": "Alice", "age": 28 }, { "name": "Bob", "age": 32 } ], "address": { "street": ...
### DotSpatial_3_Raster Operations：栅格层操作与GUI设计 #### 教程概述 本教程旨在指导用户熟悉在DotSpatial中进行的各种栅格数据操作。这些操作包括实现山形阴影、更改栅格数据的颜色、乘法运算、重新分类以及...
JSON数据结构如以下所示： ```json { "manufacturer": "Cessna", "model": "172 Skyhawk", "seats": 4 } ``` 在这个例子中，`Codable`使得创建与JSON对应的Swift结构体变得简单，例如： ```swift struct ...
示例代码可能会如下所示： ```vbscript Function GetCategoriesTree(byref categories, parentId) Dim conn, rs, sql Set conn = Server.CreateObject("ADODB.Connection") conn.Open "your_connection_string" ...
4. **SPI与Fatfs的集成**：学习如何将SPI通信层与Fatfs文件系统接口连接，使微控制器能够通过SPI协议对SD卡上的文件进行创建、读取、修改和删除操作。 5. **编程实践**：实际编写代码来设置SPI接口，初始化SD卡，...
在训练模型时，可能会使用到如`bias_False.PNG`所示的偏置参数设置。在某些层中，将偏置设置为False可以帮助简化模型，但这也意味着模型必须依赖于其他层来学习必要的偏置。 训练过程中的一个重要指标是模型的验证...
SSH框架在企业级应用开发中广泛使用，它们各自负责不同的职责：Struts负责表现层，Spring处理业务逻辑和依赖注入，Hibernate则专注于对象关系映射（ORM），简化数据库操作。 在这个项目中，首页的设计是关键，它...
一个探地雷达图像处理项目，已实现B-Scan图像病害提取、病害类型甄别、二层钢筋识别、病害厘米级定位等功能，待实现的功能有声呐图像处理、利用深度学习实现病害分类等。 ## 对空洞与脱空病害的识别、定位、...