jquery实现选项在两个下拉列表之间选择性移动的功能
jquery的强大是不言而喻的,你可以发挥自己创意的大脑,编写出各种各样奇妙的效果,下面是两个下拉列表,这里面的选项可以在两者之间通过按钮选择,进行移动,这也是一个很实用的功能,在你的网页中不妨设计一个看看效果。
<html>
<head>
<metahttp-equiv="Content-Type" content="text/html;charset=utf-8" />
<scriptlanguage="JavaScript" src="js/jquery-1.3.1.js"></script>
<title>选择移动</title>
<style type="text/css">
<!--
BODY
{
font-size:12px;
margin:0px0px 0px 0px;
overflow-x:no;
overflow-y:no;
background-color:#B8D3F4;
}
.default_input
{
border:1pxsolid #666666;
height:18px;
font-size:12px;
}
.default_input2
{
border:1pxsolid #666666;
height:18px;
font-size:12px;
}
.nowrite_input
{
border:1pxsolid #849EB5;
height:18px;
font-size:12px;
background-color:#EBEAE7;
color:#9E9A9E;
}
.default_list
{
font-size:12px;
border:1px solid #849EB5;
}
.default_textarea
{
font-size:12px;
border:1pxsolid #849EB5;
}
.nowrite_textarea
{
border:1px solid #849EB5;
font-size:12px;
background-color:#EBEAE7;
color:#9E9A9E;
}
.wordtd5 {
font-size:12px;
text-align:center;
vertical-align:top;
padding-top:6px;
padding-right:5px;
padding-bottom:3px