Português
O código para implementar efeitos especiais interessantes semelhantes ao Flash é apresentado em uma tabela! Este efeito especial é implementado usando layout DIV+CSS!
<estilo> *{fonte:normal normal 13px/1.5em "宋体"} dl{largura:200px;float:esquerda;} dd{margem: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- esquerda:0;float:esquerda;alinhamento de texto:centro;cursor:ponteiro;} .first0{largura:68px;altura:190px;borda esquerda:1px sólido #ccc;float:esquerda;alinhamento de texto:centro;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){ $("anúncios"+i).style.display="block" }else{ $( "anúncios"+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')">Lindo mapa</div> <div class="second" id="ads1" > < dl> <dd>[Xangai] O estilo de modelo se deve ao profissionalismo Se você sempre escolhe primeiro um cabeleireiro e depois um salão de cabeleireiro, então isso...</dd> <dd><a href="#">·[ Guangzhou] Mantenha-se ativo em Aolongbao</a></dd> <dd><a href="#">·[Guangzhou] Jade Bird Fitness Nova Moda</a></dd> <dd><a href=" #" >·[Guangzhou] Ansuo Yoga libera a alma</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>[Xangai] Tang "Yangmingxian" de Luna "entrou no Restaurante Luna e olhou em volta, fosse no saguão ou na sala privada...</dd> <dd><a href="#">·[Xangai] O aroma persistente da culinária italiana Pasti</a> </dd > <dd><a href="#">·[Xangai] Desfrute de diversão picante em Jeolla-do</a></dd> <dd><a href="#">·[Xangai] O charme da pequena cozinha indiana</a></dd> </dl> <img src="" title="" /> </div> <!--part3--> <div class="first" onmouseover ="showAds('3' )">O melhor lugar</div> <div class="second" id="ads3" > <dl> <dd>[Xangai] Jiangnan Cheongsam de Yanmu Hoje vou apresentar a vocês o " Yanmu" Loja de roupas chinesas Loja personalizada, localizada em...</dd> <dd><a href="#">·[Shanghai] Yixiangfang Chinese Sexy</a></dd> <dd><a href= "#" >·[Xangai] Novas roupas de primavera da Mini Korea Town</a></dd> <dd><a href="#">·[Xangai] Acessórios atraentes de Xinlefang</a></dd> </ dl> <img src="" title="" /> </div> <!--part4--> <div class="first" onmouseover="showAds('4')">Beleza deslumbrante</div > <div class="second" id="ads4" > <dl> <dd>Personalização de vestido particular Eve&Anna "Toda mulher deveria ter um presente que realmente pertence a ela em seu guarda-roupa... </dd> <dd> <a href="#">·Luxo cortesia da roupa Xiangruoer</a></dd> <dd><a href="#">·Liduofang cria uma noiva estilo princesa</a></dd > <dd> <a href="#">·Linda noiva em vestido de noiva parisiense</a></dd> </dl> <img src="" title="" /> </div> <!-- part5-- > <div class="first" onmouseover="showAds('5')">City Roaming</div> <div class="second" id="ads5" > <dl> <dd>Pequim 12 O fenômeno de cuspir em Pequim é um novo fenómeno incivilizado que surpreende muitos estrangeiros. Lembre-se...</dd> <dd><a href="#">·Privacidade! Fotos reveladoras da vida privada de Wang Xiaoya</a></dd> <dd><a href="#">·12 lugares favoritos para ladrões de carros em Pequim</a></dd> <dd><a href= " #">·Pequim que está sendo abandonado por Pequim</a></dd> </dl> <img src="" title="" /> <!--part 5 end--> </div> </div>