자바스크립트 메뉴링크 : happycgi

회원가입

출석체크

마이페이지

CGIMALL

jquery , CSS , PHP , Javascript , 무료폰트 , ASP

홈 > JAVASCRIPT > javascript 소스창고 > 메뉴 관련 > 자바스크립트 메뉴링크 상세정보

클라우드태그

Javascript

PHP

html

CSS

ASP

API

MYSQL

jquery

image

slide

Mobile

메뉴

게시판

현재접속자 40명

자바스크립트 메뉴링크

해피팀

네티즌

소스분류

메뉴 관련

다운로드 횟수

1079 회

간단설명

메뉴에 마우스 오버시 서서히 메뉴의 알림창이 뜨고 알림창의 디자인은 css 로 적용하여 디자인적인 요소를 적절하게 배치할 수 있습니다.

평가하기

위 메뉴에 마우스 오버시 해당 메뉴의 내용이 아래에 출력되고
메뉴를 클릭하면 해당 메뉴의 URL 로 링크를 걸수 있는 스크립트입니다.

소스상

<a href="http://www.cgimall.co.kr" target="_blank" onMouseover="showtext('CGI몰 바로가기')" onMouseout="hidetext()">메뉴1</a>
<a href="http://www.naver.com" target="_blank" onMouseover="showtext('NAVER 바로가기')" onMouseout="hidetext()"> 메뉴2</a>
<a href="http://www.daum.net" target="_blank" onMouseover="showtext('DAUM 바로가기')" onMouseout="hidetext()">메뉴3</a>
<a href="http://www.google.co.kr" target="_blank" onMouseover="showtext('google 바로가기')" onMouseout="hidetext()">메뉴4</a>

적용된 위 메뉴를 추가하여 메뉴의 갯수를 무한대로 늘릴 수 있습니다.