이스크립트는 여러 쇼핑몰사이트에 적용되어있는기능입니다 텝메뉴에 마우스를 올리면 해당부분의 내용을 보여줍니다.
이곳에 상품이나 이벤트 등을 이용할수 있으며 다른 형태로도 사용이 가능합니다.
 수정해야할 부분
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로 되어있으면 두번
|
