搜尋

首頁  >  文章  >  web前端  >  jQuery實作 註冊時選擇閱讀條款 左右移動_jquery

jQuery實作 註冊時選擇閱讀條款 左右移動_jquery

WBOY
WBOY原創
2016-05-16 17:37:371106瀏覽

注册时选择阅读条款

 
 
   
    demo2.html 
     
     
     
     
 
 

   
   
    注册条款:我已仔细阅读并接受csdn注册条款。 
     
   


左右移動  --------------------------------------- --- ---------------------

 
 
  ; 
   

demo03.html ; http-equiv="keywords" content="keyword1,keyword2,keyword3">;  <br>    <meta http-equiv="description" content="這是我的頁面">  <br>    <meta http-equiv=" content-type" content="text/html; charset=UTF-8">;  <br>    <!--<link rel="stylesheet" type="text/css" href="./styles.css"> -->  <br>  <br>  <br>     $(document).ready(function(){  <br>            var $romve=$ 🎜>            $romve. click (function(){  <br>                var $opts=$("#ropt>option:selected");  <br>            });  <br>            $romves . bind("click",function(){  <br>                var $opts=$("#ropt>option");  🎜>                以 $opts.appendTo("#lopt “ ）;<br>}）;<br>// // $（“＃ropt”）。 option） :選取");  <br>                $pots.appendTo("#lopt");  <br>    <br>     $(document).ready(function(){  <br> var $lromve=$("#lromve");  <br>            var $lromves=$("#lromves");  var $opts=$("#lopt>option:selected");  <br>                $opts.appendTo("#ropt"); <br>             $lromves. bind("click",function(){  <br>                var $opts=$("#lopt>option");//使用  <br>               $ opts.appendTo("#ropt");   <br>               //$("#ropt").append($opts);  );  <br>            //雙擊  <br>                 var $opts=$("#lopt>option:checked");//取得所有的option  <br>                $opts.appendTo("#ropt");  <br>    );  <br></script>  <br>  </head>  <br>  <body>  <br>       <h1 align="center">左右漂移</h1>  <br>       <div style="position: absolute; left: 450px; top: 120px">  <br>          <div style="float:left; width: 200px; height: 300px; background-color:lightsteelblue; text-align: center;"><br><br>  <br>                      <select id="lopt" multiple="multiple" size="9" style="width: 80px;">  <br>                                          <option>aa</option>  <br>                                          <option>bb</option>  <br>                                          <option>cc</option>  <br>                                          <option>dd</option>  <br>                                          <option>ee</option>  <br>                                          <option>ff</option>  <br>                                          <option>gg</option>  <br>                                          <option>hh</option>  <br>                                          <option>pp</option>                <br>                      </select>  <br>                       <br/><br/>  <br>                      <input type="button" id="lromve" value="选中的右移" style="width: 80px;"/><br/><br/>  <br>                      <input type="button" id="lromves" value="全部右移" style="width: 80px;"/>  <br>          </div>  <br>          <div style="寬度：200px；高度：300px；背景顏色：#bbffaa；文字對齊：居中；"> <br><br>    <br>                       🎜>                                                                 選項3  <br>                                                                                          選項6選項>  <br>                選項7選項>;  <br>                                          選項8選項>  <br>                                          選項9選項>           <br>                      選擇>  <br>                       <br><br>>  <br>                      <input type="button" id="romve" value="選取的向左移動" style="width: 80px;"><br><br>>  <br>          "romves" value="全部左移" style="width: 80px;"/>  <br>          </div>;  <br>    >  <br>
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
上一篇：原生js實作給指定元素的後面追加內容_javascript技巧下一篇：原生js實作給指定元素的後面追加內容_javascript技巧

相關文章

看更多