ภาษาไทย
โค้ดสำหรับการใช้เอฟเฟกต์พิเศษสุดเจ๋งที่คล้ายกับ Flash วางอยู่ในตาราง! เอฟเฟกต์พิเศษนี้ใช้งานโดยใช้เค้าโครง DIV+CSS!
<style> *{font:normal ปกติ 13px/1.5em "宋体"} dl{width:200px;float:left;} dd{margin:0;padding:0;line-height:1.8em;padding-left:3px ;} dd a{การตกแต่งข้อความ:none;} img{float:left;} dd a:hover{color:#f00;} .first{width:20px;height:190px;border:1px solid #ccc;border- ซ้าย:0;ลอย:ซ้าย;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); } ฟังก์ชัน showAds(n){ for(var i=0;i<6;i++){ if(n==i){ $("ads"+i).style.display="block"; "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="#">·[ กวางโจว] ออกกำลังกายที่ Aolongbao</a></dd> <dd><a href="#">·[Guangzhou] Jade Bird Fitness แฟชั่นใหม่</a></dd> <dd><a href=" #" >·[กวางโจว] Ansuo Yoga ปลดปล่อยจิตวิญญาณ</a></dd> </dl> <img src="" title="" /> </div> <!--part2--> <div class= "first" onmouseover="showAds('2')">แฟชั่นอาหารมากมาย</div> <div class="second" id="ads2" > <dl> <dd>[Shanghai] ถัง "Yangmingxian" ของ Luna "เข้าไปในร้านอาหาร Luna แล้วมองไปรอบๆ ไม่ว่าจะเป็นล็อบบี้หรือห้องส่วนตัว...</dd> <dd><a href="#">·[Shanghai] กลิ่นอายของอาหารอิตาเลียน Pasti ที่ยังคงหลงเหลืออยู่</a> </dd > <dd><a href="#">·[เซี่ยงไฮ้] เพลิดเพลินไปกับความเผ็ดร้อนที่ชอลลา-โด</a></dd> <dd><a href="#">·[เซี่ยงไฮ้] The เสน่ห์ของอาหารครัวเล็กๆ ของอินเดีย</a></dd> </dl> <img src="" title="" /> </div> <!--part3--> <div class="first" onmouseover ="showAds('3' )">สถานที่ที่ดีที่สุด</div> <div class="second" id="ads3" > <dl> <dd>[Shanghai] Jiangnan Cheongsam ของ Yanmu วันนี้ฉันจะแนะนำให้คุณรู้จักกับ " Yanmu" ร้านขายเสื้อผ้าจีน ร้านค้าสั่งทำพิเศษ ตั้งอยู่ใน...</dd> <dd><a href="#">·[Shanghai] Yixiangfang Chinese Sexy</a></dd> <dd><a href= "#" >·[Shanghai] เสื้อผ้าฤดูใบไม้ผลิใหม่ของ Mini Korea Town</a></dd> <dd><a href="#">·[Shanghai] เครื่องประดับที่มีเสน่ห์ของ Xinlefang</a></dd> </d / dl> <img src="" title="" /> </div> <!--part4--> <div class="first" onmouseover="showAds('4')">ความงามอันน่าทึ่ง</div > <div class="second" id="ads4" > <dl> <dd>การปรับแต่งชุดส่วนตัวของ Eve&Anna "ผู้หญิงทุกคนควรมีของขวัญที่เป็นของเธออย่างแท้จริงอยู่ในตู้เสื้อผ้าของเธอ... </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="second" 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="" /> <!--ตอนที่ 5 จบ--> </div> </ /div>
