Contoh dalam artikel ini menerangkan cara memaparkan lapisan topeng apabila menuding tetikus js. Kongsikan dengan semua orang untuk rujukan anda. Kaedah pelaksanaan khusus adalah seperti berikut: kod halaman html: Salin kod Kod adalah seperti berikut: kod js: Salin kod Kod adalah seperti berikut: <br> $(fungsi () { //Lapisan topeng, ketinggian berubah apabila tetikus bergerak ke atas dan menjadi jelas var $site_li = $(".site-tag li"); <p> $site_li.hover(function () { </p> <div class="codetitle"> var indexs = $site_li.index(this); <span> $(this).css("ketinggian", "90").cari(".tag-tit").css("atas", "30").css("warna", "#fff"); 🎜> //Dapatkan indeks elemen li yang sedang diklik di antara semua elemen li <a style="CURSOR: pointer" data="39444" class="copybut" id="copybut39444" onclick="doCopy('code39444')"> ’ ’ keluar. keluar keluar keluar keluar keluar keluar keluar keluar keluar keluar keluar bersama-sama $(this).prev().css("height", "30"); <u> $(ini).seterusnya().css("tinggi", "30"); </u> }, fungsi () { $site_li.css("ketinggian", "50"); }); }); </a> </skrip></span><br> css代码： <p></p> <div class="codetitle"> <span><a style="CURSOR: pointer" data="17418" class="copybut" id="copybut17418" onclick="doCopy('code17418')"><u>复制代码</u></a></span> 代码如下:</div> <div class="codebody" id="code17418">ul li{ list-style:none;} <br> .site-tag{ width:200px; limpahan:tersembunyi; indeks-z:5;} <br> .site-tag li{ position:relative; lebar: 200px; ketinggian:50px; margin-bottom:1px; limpahan:tersembunyi; <br> peralihan: ketinggian 0.5s mudah; -webkit-transition:ketinggian 0.5s mudah; <br> -moz-transition:ketinggian 0.5s mudah; -o-transition: ketinggian 0.5s mudah;} <br> .site-tag li a { warna: #666; saiz fon: 16px; font-weight: bold;line-height: 50px;} <br> .site-tag li i{ display:block; ketinggian:90px; latar belakang-kedudukan:pusat tengah; <br> kelegapan:0.3; penapis: alpha(opacity=3); /*设置透明度*/ <br> -webkit-transition:opacity 0.5 mudah; /**/ <br> -webkit-filter:skala kelabu(60%); /**/ <br> } <br> .site-tag li:hover i { kelegapan:0.9; -webkit-filter:grayscale(0%); peralihan:kelegapan 0.5s mudah;} <br> .tag-tit{ display:block; ketinggian:100px; lebar: 700px; warna:#666; saiz fon:14px;} <br> .site-tag li .tag-tit{ position:absolute; atas:0px; kiri:10px; text-shadow:1px 1px 1px rgb(0,0,0,0.1);} <br> a:hover .tag-tit{ text-shadow:1px 1px 1px rgb(0,0,0,0.5);}</div> <p>希望本文所述对大家的javascript程序设计有所帮助。</p> </div>
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
