마우스 오버시 테이블테두리 박스치기(익스계열/네츠계열)
이팁은 기존에 공개된팁입니다.
이팁을 이용하여 응용을 한번 해보겠습니다.
기존 공개된팁은 이미지에만 적용가능할 것으로 생각하지만
사실은 님들이 바라는 아래와 같은 기능(샷참조)으로 변환적용하실 수있습니다.
기존팁:
기존팁이 방식대로 스크립이나 스타일을 첨부한다음
테이블에 마우스가 올라갈때 박스를 칠 수 있는 형식으로
<table width="660" class="imgline" onMouseover="borderit(this,'#0055AB')" onMouseout="borderit(this,'white')" cellspacing="0" cellpadding="0">
<tr style="cursor:pointer" >
<td width="55"<?=$tdclass?> align="center">아랴~@</td>
</tr>
</table>
<tr style="cursor:pointer" >
<td width="55"<?=$tdclass?> align="center">아랴~@</td>
</tr>
</table>
이렇게 적용하시면 됩니다.
박스의 색상은onMouseover에서 조절
미리보기는 http://www.ww0ww.net
메인에서 최신글 (공모..투자..등에서 확인)
기존 구현적용된 홈페이지 몇군데를 방문했었는데
모두 익스에서만 동작하는테그를 구현했더군요.
잠시 짬을 내어 글을 적습니다.
실험 브라우저:익스/불여시
|
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기
댓글 8개
쪼메기다려요..요즘 홍보비 타낼려고 아내 설득중이니..
온오버로...**
기왕이면 팁택쪽으로 이동해놓으면 다른분들께도 도움이 될듯하기도 하네요. 씨익~
다만 제가 쓰는 소스에서 따로 테이블로 감싸야할 부분들이 있어서 위에서 처럼 설명
저는 저런거 보면 둘의 차이는 뭘까? 하고 테스트를 해봅니다.
... 병인가봐요 ㅜ.ㅡ