Русский
Код для реализации крутых спецэффектов, похожих на Flash, представлен в таблице! Этот специальный эффект реализован с использованием макета 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- 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;} .секунда{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')">Красивая карта</div> <div class=" Second" id="ads1" > < dl> <dd>[Шанхай] Модельный стиль – это профессионализм Если всегда сначала выбирать парикмахера, а потом парикмахерскую, то это...</dd> <dd><a href="#">·[ Гуанчжоу] Будьте активны в Аолонгбао</a></dd> <dd><a href="#">·[Гуанчжоу] Jade Bird Fitness New Fashion</a></dd> <dd><a href=" #" >·[Гуанчжоу] Ансуо Йога освобождает душу</a></dd> </dl> <img src="" title="" /> </div> <!--part2--> <div class= "first" onmouseover="showAds('2')">Очень кулинарная мода</div> <div class=" Second" id="ads2" > <dl> <dd>[Шанхай] Луна "Янминсянь" Тан "вошел в ресторан Luna и осмотрелся, будь то вестибюль или отдельная комната...</dd> <dd><a href="#">·[Шанхай] Стойкий аромат итальянской кухни Pasti</a> </dd > <dd><a href="#">·[Шанхай] Наслаждайтесь пикантными развлечениями в Чолла-до</a></dd> <dd><a href="#">·[Шанхай] очарование маленькой индийской кухни</a></dd> </dl> <img src="" title="" /> </div> <!--part3--> <div class="first" onmouseover ="showAds('3' )">Лучшее место</div> <div class=" Second" id="ads3" > <dl> <dd>[Шанхай] Цзяннань Чхонгсам из Янму Сегодня я познакомлю вас с " Магазин китайской одежды «Яньму» Индивидуальный магазин, расположенный в...</dd> <dd><a href="#">·[Шанхай] Yixiangfang Chinese Sexy</a></dd> <dd><a href= "#" >·[Шанхай] Новая весенняя одежда Мини-Корейского квартала</a></dd> <dd><a href="#">·[Шанхай] Очаровательные аксессуары Синьлефана</a></dd> </ / dl> <img src="" title="" /> </div> <!--part4--> <div class="first" onmouseover="showAds('4')">Потрясающая красота</div > <div class=" Second" id="ads4" > <dl> <dd>Индивидуальный заказ платья Евы и Анны «В гардеробе каждой женщины должен быть подарок, который действительно принадлежит ей... </dd> <dd> <a href="#">·Роскошь благодаря одежде Xiangruoer</a></dd> <dd><a href="#">·Liduofang создает невесту в стиле принцессы</a></dd > <dd> <a href="#">·Красивая невеста в свадебном платье в Париже</a></dd> </dl> <img src="" title="" /> </div> <!-- part5-- > <div class="first" onmouseover="showAds('5')">Городской роуминг</div> <div class="first" id="ads5" > <dl> <dd>Пекин 12 Феномен плевания в Пекин – это новое нецивилизованное явление, удивляющее многих иностранцев. Помните...</dd> <dd><a href="#">·Конфиденциальность! Разоблачающие фотографии личной жизни Ван Сяоя</a></dd> <dd><a href="#">·12 любимых мест угонщиков автомобилей в Пекине</a></dd> <dd><a href= " #">·Жители Пекина, которых бросил Пекин</a></dd> </dl> <img src="" title="" /> <!--part 5 end--> </div> </дел>
