<html>
<head>
<title>练习1</title>
<style type="text/css">
*{
margin: 0;
padding: 0;
}
#box{
width: 700px;
height: 405px;
border: solid 1px;
}
.fl{
float: left;
}
#left{
width: 300px;
height: 400px;
overflow-y: scroll;
border: solid 1px;
}
#right{
width: 300px;
height: 400px;
overflow-y: scroll;
border: solid 1px;
}
#choose{
width: 90px;
height: 400px;
}
button{
width: 40px;
height: 30px;
display: block;
margin: 0 auto;
}
span{
display: block;
}
</style>
</head>
<body>
<div id="box">
<div id="left" class="fl">
<span>北京</span>
<span>上海</span>
<span>广东</span>
<span>深圳</span>
</div>
<div id="choose" class="fl">
<button>>></button>
<button><<
这篇博客介绍了使用jQuery1.11.1版本实现点击文本后使其在文本框内移动的效果，强调了引入jQuery库的重要性。
最低0.47元/天 解锁文章
扫一扫
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
