jQuery的穿梭框运用

最新推荐文章于 2023-07-05 15:43:19 发布

layroy

最新推荐文章于 2023-07-05 15:43:19 发布

阅读量832

点赞数

分类专栏： jQuery 文章标签： jquery html css

本文链接：https://blog.csdn.net/m0_57202083/article/details/120007175

版权

本文介绍了jQuery实现穿梭框的功能，包括效果展示及其在网页中的实际效果图。通过实例展示了如何使用jQuery、HTML和CSS创建一个实用的穿梭框组件。

摘要由CSDN通过智能技术生成

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>穿梭框</title>
    <style>
      select{width:100px;height:150px}
      input[type=button]{width:50px}
      #opt{margin:90px 10px 0}
      .box{width:80%;margin:0 auto;background-color:#999999}
      .box div{float:left}
    </style>
	<script src="js/jquery-3.6.0.js"></script>
  </head>
  <body>
    <div class="box">
      <div id="left">
        <p>可选项</p>
        <select multiple="multiple">
          <option>添加</option>
          <option>移动</option>
          <option>修改</option>
          <option>查询</option>
          <option>打印</option>
          <option>删除</option>
        </select>
      </div>
      <div id="opt">
        <input id=

最低0.47元/天解锁文章

layroy

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
打赏
0
评论
jQuery的穿梭框运用

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>穿梭框</title> <style> select{width:100px;height:150px} input[type=button]{width:50px} #opt{margin:90px 10px 0} .box{w.
复制链接

扫一扫