텍스트링크에 밑줄 애니메이션 효과 happycgi

회원가입

출석체크

마이페이지

CGIMALL

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

홈 > JAVASCRIPT > javascript 소스창고 > 텍스트효과 > 텍스트링크에 밑줄 애니메이션 효과 상세정보

클라우드태그

Javascript

PHP

ASP

CSS

html

mysql

jquery

image

API

Mobile

메뉴

slide

게시판

현재접속자 명

텍스트링크에 밑줄 애니메이션 효과

해피팀

네티즌

소스분류

텍스트효과

다운로드 횟수

800 회

간단설명

텍스트링크에 마우스를 올리면 링크밑줄을 애니메이션으로 보여줍니다.

평가하기

<HTML>
<HEAD>
    <TITLE>텍스트링크에 마우스를 올리면 링크밑줄 애니메이션 효과</TITLE>
<style type="text/css">
a:link {
    color: #C37108;
    white-space: nowrap;
    text-decoration: none;
}

a:visited {
text-decoration: none;
color: #C37108;
}

a:hover {
    text-decoration: none;
    background-image: url(http://www.blueb.co.kr/SRC/javascript/image5/dot_ani.gif);
    background-repeat: repeat-x;
    background-position: 100% 100%;
    padding-bottom: 3px;
    color: #CC9900;
}

a:active {
text-decoration: none;
}

</style>
</head>
<body>
<a href=#>링크에 마우스를 올려보세요..</a><p>

</body>
</html>

- 출처: www.blueb.co.kr -