Deutsch
Der Code zum Implementieren cooler Spezialeffekte ähnlich wie Flash ist in einer Tabelle dargestellt! Dieser Spezialeffekt wird mithilfe des DIV+CSS-Layouts implementiert!
<style> *{font:normal normal 13px/1.5em "宋体"} dl{width:200px;float:left;} dd{margin:0;padding:0;line-height:1.8em;padding-left:3px ;} dd a{text-decoration:none;} img{float:left;} dd a:hover{color:#f00;} .first{width:20px;height:190px;border:1px solid #ccc;border- left:0;float:left;text-align:center;cursor:pointer;} .first0{width:68px;height:190px;border-left:1px solid #ccc;float:left;text-align:center;cursor :pointer;overflow:hidden;} .second{float:left;border:1px solid #ccc;display:none;"} </style> <script> function $(obj){ return document.getElementById(obj); } Funktion showAds(n){ for(var i=0;i<6;i++){ if(n==i){ $("ads"+i).style.display="block }else{ $( "ads"+i).style.display="none"; } } } </script> <div> <!--part0--> <div class="first0" onmouseover="showAds('0')" ><img src="" title="" /></div> <div class="second" style="display:block;" id="ads0" ><img src="" title="" /> </div> <!--part1--> <div class="first" onmouseover="showAds('1')">Wunderschöne Karte</div> <div class="second" id="ads1" > < dl> <dd>[Shanghai] Model-Styling ist auf Professionalität zurückzuführen. Wenn Sie sich immer zuerst für einen Friseur und dann für einen Friseursalon entscheiden, dann...</dd> <dd><a href="#">·[ Guangzhou] Werden Sie aktiv in Aolongbao</a></dd> <dd><a href="#">·[Guangzhou] Jade Bird Fitness Neue Mode</a></dd> <dd><a href=" #" >·[Guangzhou] Ansuo Yoga befreit die Seele</a></dd> </dl> <img src="" title="" /> </div> <!--part2--> <div class= "first" onmouseover="showAds('2')">Very Food Fashion</div> <div class="second" id="ads2" > <dl> <dd>[Shanghai] Lunas „Yangmingxian“ Tang „Ich betrat das Luna Restaurant und sah mich um, ob in der Lobby oder im privaten Raum...</dd> <dd><a href="#">·[Shanghai] Der anhaltende Duft der italienischen Pasti-Küche</a> </dd > <dd><a href="#">·[Shanghai] Genießen Sie würzigen Spaß in Jeolla-do</a></dd> <dd><a href="#">·[Shanghai] Das Charme der indischen Kleinküchenküche< /a></dd> </dl> <img src="" title="" /> </div> <!--part3--> <div class="first" onmouseover ="showAds('3' )">Der beste Ort</div> <div class="second" id="ads3" > <dl> <dd>[Shanghai] Yanmus Jiangnan Cheongsam Heute werde ich Ihnen den „ Yanmu“ Chinesisches Bekleidungsgeschäft Maßgeschneidertes Geschäft, gelegen in...</dd> <dd><a href="#">·[Shanghai] Yixiangfang Chinese Sexy</a></dd> <dd><a href= "#" >·[Shanghai] Mini Korea Towns neue Frühlingskleidung</a></dd> <dd><a href="#">·[Shanghai] Xinlefangs verführerische Accessoires</a></dd> </ dl> <img src="" title="" /> </div> <!--part4--> <div class="first" onmouseover="showAds('4')">Atemberaubende Schönheit</div > <div class="second" id="ads4" > <dl> <dd>Eve&Anna private Kleideranpassung „Jede Frau sollte ein Geschenk in ihrer Garderobe haben, das wirklich zu ihr gehört... </dd> <dd> <a href="#">·Luxus mit freundlicher Genehmigung von Xiangruoer-Kleidung</a></dd> <dd><a href="#">·Liduofang kreiert eine Braut im Prinzessinnenstil</a></dd > <dd> <a href="#">·Schöne Braut im Pariser Hochzeitskleid</a></dd> </dl> <img src="" title="" /> </div> <!-- part5-- > <div class="first" onmouseover="showAds('5')">City Roaming</div> <div class="second" id="ads5" > <dl> <dd>Beijinger 12 Das Spuckphänomen in Peking ist ein neues unzivilisiertes Phänomen, das viele Ausländer überrascht. Denken Sie daran...</dd> <dd><a href="#">·Datenschutz! Aufschlussreiche Fotos aus Wang Xiaoyas Privatleben</a></dd> <dd><a href="#">·12 Lieblingsorte für Autodiebe in Peking</a></dd> <dd><a href= " #">·Pekinger, die von Peking im Stich gelassen werden</a></dd> </dl> <img src="" title="" /> <!--part 5 end--> </div> < /div>