Kesan salutan seret dan kikis menggunakan kaedah UI jquery yang boleh diseret Berikut ialah kod sumber: Salin kod Kod adalah seperti berikut: http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" > http://www.w3.org/1999/xhtml"> UI jQuery mensimulasikan lapisan tiket loteri mengikis untuk memaparkan hasil <br> #keleyi{width:200px;height:20px;position:relative;text-align:center;font-size:12px;overflow:hidden;background:#eee;}<br> #keleyi div{position:absolute;top:0px;left:0px;width:100%;height:20px;background:#ccc;}<br> #layout2{width:200px;height:20px;position:relative;text-align:center;font-size:12px;overflow:hidden;background:#eee;}<br> #layout2 div{position:absolute;top:0px;right:0px;width:100%;height:20px;background:#ccc;}<br> < ;/skrip> <script type="text/javascript"><br> $(dokumen).sedia(fungsi() {<br> $("#keleyi div").boleh diseret({<br> revert:function() {<br> var a = $("#keleyi div").offset().left;<br> var b = $("#kel" "eyi").lebar();<br> jika (a >= b) {<br> $("#keley" "i").text("Tahniah kerana memenangi hadiah utama $50 juta!").css("color","red").fadeOut(200).fadeIn(500);<br> pulangkan palsu;<br> }lain{<br> kembali benar;<br> }<br> },<br> paksi: "x", snap: "#keleyi", tatal: false}<br> );<br> $("#layout2 div").klik(function() {<br> $(ini).bernyawa({<br> lebar : " =20",<br> }).bernyawa({<br> lebar : "-=50",<br> });<br> jika ($(ini).lebar() <= 30) {<br /> $("#layout2").text("Tahniah kerana memenangi hadiah utama $50 juta!").css("color","red").fadeOut(200).fadeIn(500);<br /> }<br /> });<br /> });<br /> </skrip><br> </head><br> <badan><br> <div>Nota: IE6 tidak disokong! </div><br> <p> </p><br> <p>Kesan 1 (seret bar kelabu): </p><br> <div id="keleyi"><br> <div></div><br> Sila gores sepenuhnya untuk melihat keputusan yang menang. <br> </div><br> <p> </p><br> <p>Kesan 2 (klik bar kelabu): </p><br> <div id="layout2"><br> <div></div><br> Sila gores sepenuhnya untuk melihat keputusan yang menang. <br> </div><br> <br /><br> </body><br> </html><br> <br> </div> Di sini saya ingin berkongsi dengan anda kod kesan khas yang biasa digunakan untuk menggores hadiah. <p></p>
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
