이스크립트는 여러 쇼핑몰사이트에 적용되어있는기능입니다 텝메뉴에 마우스를 올리면 해당부분의 내용을 보여줍니다. 이곳에 상품이나 이벤트 등을 이용할수 있으며 다른 형태로도 사용이 가능합니다.
수정해야할 부분
background-image:url(bluetab.jpg); /*URL to tab image */ (메뉴부분의 배경그림주소 입니다)
background-image:url(bluetabover.jpg); /*URL to tab image onmouseover */ (마우스가 올라갔을때 배경그림주소 입니다)
width:480px; /*width of 2nd level content*/ height:40px; /*height of 2nd level content. Set to largest's content height to avoid jittering.*/ (컨텐츠를 보여줄 테이블의 크기)
<div id="ddimagetabs"> <a href="#" onMouseover="expandcontent('sc1', this)">메인</a> <a href="#" onMouseover="expandcontent('sc2', this)">광고1</a> <a href="#" onMouseover="expandcontent('sc3', this)">이벤트1</a><a href="#" onMouseover="expandcontent('sc4', this)">이벤트2</a> </div> <br style="clear:left" /> <table border=1><tr><td> <DIV id="tabcontentcontainer">
<div id="sc1" class="tabcontent"> 해피CGI 무료소스 !! </div>
<div id="sc2" class="tabcontent"> 해피솔루션도 좋아요 </div>
<div id="sc3" class="tabcontent"> 웹소스들이 전부 무료 입니다. </div>
<div id="sc4" class="tabcontent"> 이곳에 여러가지 내용을 넣을수도 있습니다 </div>
</DIV> </td></tr></table>
<a href="#" onMouseover="expandcontent('sc1', this)">메인</a> sc1부분이 첫번째 메뉴임을 말합니다. 이부분이 sc2로 되어있으면 두번
|