Das Beispiel in diesem Artikel beschreibt die Methode zur Verwendung von js zum Anzeigen mausempfindlicher Bilder. Teilen Sie es als Referenz mit allen. Die spezifische Implementierungsmethode lautet wie folgt: Code kopieren Der Code lautet wie folgt: 鼠标感应的图片展示效果 <br> Körper {<br> Hintergrund:#fff;<br> Schriftart:klein/1,5 "宋体", SimSun, Serife;<br> _font-size:medium;<br> }<br> ein Bild {<br> border:none;<br> }<br> ul,<br> li,<br> h5 {<br> list-style:none inside;<br> Rand:0;<br> Polsterung:0;<br> }<br> .empfehlen {<br> Hintergrund:#999;<br> border:1px solid #666;<br> Breite:600px;<br> Höhe:170px;<br> Überlauf:versteckt;<br> Polsterung:10px;<br> margin:0 auto;<br> position:relativ;<br> }<br> .empfehlen ul {<br> border:1px solid #fff;<br> border-left:none;<br> Höhe:168px;<br> Breite:599px;<br> Überlauf:versteckt;<br> *Position:absolut; /* 解决IE中overflow:hidden无法正确隐藏元素的问题 */<br> }<br> .recomm li {<br> float:left;<br> position:relativ;<br> margin-right:-179px;<br> Höhe: 100 %;<br> Überlauf:versteckt;<br> white-space:nowrap;<br> text-align:center;<br> }<br> .recomm li img {<br> display:block;<br> border-left:1px solid #fff;<br> Breite:248px;<br> Höhe:168px;<br> }<br> .recomm li h5 {<br> Position:absolut;<br> unten:0;<br> links:0;<br> Höhe:20px;<br> Breite:239px;<br> Zeilenhöhe:20px;<br> Hintergrund:url(../images/1_211621.png) no-repeat;<br> display:none;<br> text-align:right;<br> padding-right:10px;<br> Schriftgröße:1em;<br> Schriftstärke:normal;<br> }<br> .recomm li:hover, .recomm .lay-on {<br> Breite:249px;<br> margin-right:0;<br> }<br> .recomm li:hover h5, .recomm .lay-on h5 {<br> display:block;<br> }<br> 红叶传情 Von 代码家园 23.09.2010 野花绽放 Von 珊珊影视在线 23.09.2010 往事如茶 Von 代码家园 23.09.2010 油菜花开 Von 七彩影视 23.09.2010 Rose Love Von Code Home 23.09.2010 Little Daisy Von Shanshan Film and Television 23.09.2010
