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

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

WBOY
發布: 2016-05-16 17:37:37
原創
1144 人瀏覽過

注册时选择阅读条款

 
 
   
    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>
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板