Français
Le code pour implémenter des effets spéciaux sympas similaires à Flash est présenté dans un tableau ! Cet effet spécial est implémenté en utilisant la mise en page DIV+CSS !
<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- gauche:0;float:gauche;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); } function 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')">Belle carte</div> <div class="second" id="ads1" > < dl> <dd>[Shanghai] Le style des mannequins est dû au professionnalisme Si vous choisissez toujours d'abord un coiffeur puis un salon de coiffure, alors ceci...</dd> <dd><a href="#">·[ Guangzhou] Soyez actif à Aolongbao</a></dd> <dd><a href="#">·[Guangzhou] Jade Bird Fitness New Fashion</a></dd> <dd><a href=" #" >·[Guangzhou] Ansuo Yoga libère l'âme</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] Le Tang "Yangmingxian" de Luna "est entré dans le restaurant Luna et a regardé autour de lui, que ce soit le hall ou la salle privée...</dd> <dd><a href="#">·[Shanghai] L'arôme persistant de la cuisine italienne Pasti</a> </dd > <dd><a href="#">·[Shanghai] Profitez du plaisir épicé à Jeolla-do</a></dd> <dd><a href="#">·[Shanghai] Le charme de la petite cuisine indienne</a></dd> </dl> <img src="" title="" /> </div> <!--part3--> <div class="first" onmouseover ="showAds('3' )">Le meilleur endroit</div> <div class="second" id="ads3" > <dl> <dd>[Shanghai] Jiangnan Cheongsam de Yanmu Aujourd'hui, je vais vous présenter le " Yanmu" Magasin de vêtements chinois Boutique personnalisée, située à...</dd> <dd><a href="#">·[Shanghai] Yixiangfang Chinese Sexy</a></dd> <dd><a href= "#" >·[Shanghai] Les nouveaux vêtements de printemps de Mini Korea Town</a></dd> <dd><a href="#">·[Shanghai] Les accessoires séduisants de Xinlefang</a></dd> </ dl> <img src="" title="" /> </div> <!--part4--> <div class="first" onmouseover="showAds('4')">Une beauté époustouflante</div > <div class="second" id="ads4" > <dl> <dd>Personnalisation privée de la robe Eve&Anna "Chaque femme devrait avoir un cadeau qui lui appartient vraiment dans sa garde-robe... </dd> <dd> <a href="#">·Luxe gracieuseté des vêtements Xiangruoer</a></dd> <dd><a href="#">·Liduofang crée une mariée de style princesse</a></dd > <dd> <a href="#">·Belle mariée en robe de mariée à Paris</a></dd> </dl> <img src="" title="" /> </div> <!-- part5-- > <div class="first" onmouseover="showAds('5')">Itinérance urbaine</div> <div class="second" id="ads5" > <dl> <dd>Pékin 12 Le phénomène des crachats Pékin est un nouveau phénomène barbare qui surprend de nombreux étrangers. N'oubliez pas...</dd> <dd><a href="#">·Confidentialité ! Révéler des photos de la vie privée de Wang Xiaoya</a></dd> <dd><a href="#">·12 endroits préférés des voleurs de voitures à Pékin</a></dd> <dd><a href= " #">·Des Pékinois abandonnés par Pékin</a></dd> </dl> <img src="" title="" /> <!--part 5 end--> </div> < /div>
