Contoh dalam artikel ini menerangkan kaedah merealisasikan paparan kecerunan sensitif tetikus lapisan DIV menggunakan JS CSS. Kongsikan dengan semua orang untuk rujukan anda. Kaedah pelaksanaan khusus adalah seperti berikut: Salin kod Kod adalah seperti berikut: JS CSS melaksanakan paparan kecerunan sensitif tetikus lapisan DIV #tip{ kedudukan:mutlak; kiri:90px; lebar:0px; ketinggian:0px; warna:#FFF; saiz fon:12px; warna latar belakang:#000; sempadan:1px pepejal #DEF; penapis:Alpha(Opacity=0); kelegapan:0; indeks-z:999; } <br> <!--<br /> //Tentukan fungsi untuk "mendapatkan nod dom yang ditentukan" kerana kebolehgunaan semula yang tinggi <br /> fungsi $(d){return document.getElementById(d);}<br /> //Kawal div untuk memaparkan <br /> secara beransur-ansur var i = 0;<br /> function change_show(){<br /> var obj = $("tip");<br /> i=i 5; //Paparkan kelajuan<br /> secara beransur-ansur obj.style.filter = "Alpha(Opacity=" i ")"; //Ketelusan beransur-ansur menjadi lebih kecil<br /> obj.style.opacity = i/100; //Serasi dengan FireFox<br /> jika(i>=100){<br> ; clearInterval(s);<br> i=0;<br> }<br> }<br> //Kawal div untuk hilang secara beransur-ansur <br> var j = 100;<br> fungsi change_hidden(){<br> var obj = $("tip");<br> j=j-5; //Kelajuan pudar<br> obj.style.filter = "Alpha(Opacity=" j ")"; //Ketelusan secara beransur-ansur menjadi lebih besar<br> obj.style.opacity = j/100; //Serasi dengan FireFox<br> jika(j<=0){<br /> ; clearInterval(h);<br /> //obj.style.display="none";<br /> j=100;<br /> }<br /> }<br /> //Kawal kelakuan change_show()<br /> var s;<br /> tunjuk fungsi(x){<br /> If(s){clearInterval(s);}<br /> $("tip").style.display="block";<br /> s = setInterval(change_show,1);<br /> }<br /> //Kawal kelakuan change_hidden()<br /> fungsi tersembunyi(x){<br /> $("tip").innerHTML="";<br /> h = setInterval(change_hidden,1);<br /> }<br /> //--><br> </skrip><br> </head><br> <badan><br> <div id="tip" style="background-color:blue;width:48%;height:48%;" onmouseover="show(this);" onmouseout="hidden(this);"><br> </div><br> <br /><br> <br>Tetikus di sini, dan lapisan div akan memaparkan secara beransur-ansur<br><hr> Dikumpul daripada Internet, hanya untuk pertukaran minat dan pembelajaran, bukan untuk kegunaan komersial. </font></p><br> </body><br> </html></div> <p>Saya harap artikel ini akan membantu reka bentuk pengaturcaraan JavaScript semua orang. </p>
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
