Contoh dalam artikel ini menerangkan cara jQuery melaksanakan kesan seret fade-in dan fade-out lapisan DIV. Kongsikan dengan semua orang untuk rujukan anda. Kaedah pelaksanaan khusus adalah seperti berikut: Salin kod Kod adalah seperti berikut: jQuery menyedari kesan seretan lapisan DIV pudar masuk dan keluar) <br> #div2<br> {<br> kedudukan:mutlak;<br> Lebar:400px;<br> ketinggian:300px;<br> Sempadan:1px pepejal #333333;<br> Warna latar belakang:#777788;<br> text-align:center;<br> Ketinggian garisan: 400%;<br> saiz fon:13px;<br> Kiri:80px;<br> atas:20px;<br> }<br> <br> var _move=false;//Move mark<br> var _x,_y;//Kedudukan relatif tetikus dari sudut kiri atas kawalan<br> $(dokumen).sedia(fungsi(){<br> $("#div2").klik(fungsi(){<br> //alert("klik");//Klik (dicetuskan selepas dikeluarkan) <br> }).mousedown(fungsi(e){<br> _move=true;<br> _x=e.pageX-parseInt($("#div2").css("kiri"));<br> _y=e.pageY-parseInt($("#div2").css("atas"));<br> $("#div2").fadeTo(20, 0.25);//Selepas mengklik, mula menyeret dan memaparkan dengan telus<br> });<br> $(dokumen).mousemove(fungsi(e){<br> jika(_move){<br> var x=e.pageX-_x;//Kira kedudukan mutlak penjuru kiri atas kawalan berdasarkan kedudukan tetikus semasa bergerak <br> var y=e.pageY-_y;<br> $("#div2").css({atas:y,kiri:x});//Kedudukan baharu kawalan<br> }<br> }).mouseup(function(){<br> _move=false;<br> $("#div2").fadeTo("fast", 1);//Selepas melepaskan tetikus, berhenti bergerak dan kembali ke kelegapan<br> });<br> });<br> </skrip><br> </head><br> <badan><br> <h4> Jika anda tidak dapat melihat kesannya, sila muat semula halaman ini. </h4><br> <div id="div2">Menyokong penyeretan<br>Jika anda tidak boleh menyeret, sila muat semula halaman ini</div><br> </body><br> </html><br> </div> <p>Saya harap artikel ini akan membantu pengaturcaraan jQuery semua orang. </p>
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
