Contoh dalam artikel ini menerangkan kaedah menggunakan js untuk memaparkan imej sensitif tetikus. Kongsikan dengan semua orang untuk rujukan anda. Kaedah pelaksanaan khusus adalah seperti berikut: Salin kod Kod adalah seperti berikut: 鼠标感应的图片展示效果 <br> badan {<br> latar belakang:#fff;<br> font:small/1.5 "宋体", SimSun, serif;<br> _font-size:medium;<br> }<br> a img {<br> sempadan:tiada;<br> }<br> ul,<br> li,<br> h5 {<br> gaya senarai:tiada di dalam;<br> jidar:0;<br> pelapik:0;<br> }<br> .recomm {<br> latar belakang:#999;<br> sempadan:1px pepejal #666;<br> lebar:600px;<br> ketinggian:170px;<br> limpahan:tersembunyi;<br> padding:10px;<br> margin:0 auto;<br> jawatan:saudara;<br> }<br> .recomm ul {<br> sempadan:1px pepejal #fff;<br> sempadan-kiri:tiada;<br> ketinggian:168px;<br> lebar:599px;<br> limpahan:tersembunyi;<br> *kedudukan:mutlak; /* 解决IE中overflow:hidden无法正确隐藏元素的问题 */<br> }<br> .recomm li {<br> float:left;<br> jawatan:saudara;<br> jidar-kanan:-179px;<br> ketinggian:100%;<br> limpahan:tersembunyi;<br> white-space:nowrap;<br> text-align:center;<br> }<br> .recomm li img {<br> paparan:blok;<br> sempadan-kiri:1px pepejal #fff;<br> lebar:248px;<br> ketinggian:168px;<br> }<br> .recomm li h5 {<br> kedudukan:mutlak;<br> bawah:0;<br> kiri:0;<br> ketinggian:20px;<br> lebar:239px;<br> ketinggian garis:20px;<br> latar belakang:url(../images/1_211621.png) tidak berulang;<br> paparan:tiada;<br> text-align:right;<br> padding-right:10px;<br> saiz fon:1em;<br> font-weight:normal;<br> }<br> .recomm li:hover, .recomm .lay-on {<br> lebar:249px;<br> jidar-kanan:0;<br> }<br> .recomm li:hover h5, .recomm .lay-on h5 {<br> paparan:blok;<br> }<br> 红叶传情 Oleh 代码家园 2010.09.23 野花绽放 Oleh 珊珊影视在线 2010.09.23 往事如茶 Oleh 代码家园 2010.09.23 油菜花开 Oleh 七彩影视 2010.09.23 Rose Love Oleh Kod Rumah 2010.09.23 Little Daisy Oleh Shanshan Filem dan Televisyen 2010.09.23
