한국어
플래시와 유사한 멋진 특수 효과를 구현하는 코드가 표에 정리되어 있습니다! 이 특수 효과는 DIV+CSS 레이아웃을 사용하여 구현됩니다!
<스타일> *{font:normal 일반 13px/1.5em "宋体"} dl{width:200px;float:left;} dd{margin:0;padding:0;line-height:1.8em;padding-left:3px ;} dd a{텍스트 장식:없음;} img{float:left;} dd a:hover{color:#f00;} .first{width:20px;height:190px;border:1px solid #ccc;border- 왼쪽:0;float:왼쪽;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')">아름다운 지도</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>[상하이] 루나의 "양밍시안" 탕 "루나 레스토랑에 들어서서 로비인지 개인실인지 둘러보니...</dd> <dd><a href="#">·[상하이] 파스티 이탈리안 요리의 여운</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>[상하이] Yanmu's Jiangnan Cheongsam 오늘은 " Yanmu" 중국 의류 매장 맞춤 상점, 위치:...</dd> <dd><a href="#">·[상하이] Yixiangfang Chinese Sex</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>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>Beijinger 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>
