주간 베스트 월간 베스트 3개월 베스트 베스트 게시물
꽃배달 한국, 중국 전지역배송

마우스 오버시에 텍스트 버튼느낌 style.css 와 자동 스크롤 기능

네로 | 2002.06.30 13:20:34 댓글: 0 조회: 589 추천: 5
분류컴관련 강좌·팁 https://life.moyiza.kr/itstudy/1746950
<style>
<!--
    body {
          scrollbar-face-color:#F0F0F0;
        scrollbar-shadow-color:gray;
        scrollbar-highlight-color:#ffffff;
        scrollbar-3dlight-color:#F0F0F0;
        scrollbar-darkshadow-color:#ffffff;
        scrollbar-track-color:#F0F0F0;
        scrollbar-arrow-color:#F0F0F0
}

a:link {  color: #595959; text-decoration: none}
a:visited {  color: #595959; text-decoration: none}
a:active {  color: #595959; text-decoration: none}
A:hover { color: #0099FF; text-decoration:none; position:relative; top:1; left:1;}
-->
</style>
<SCRIPT LANGUAGE="javascript">
function winscroll(){
window.scroll(window.event.clientX - 30,window.event.clientY -30)
}
document.onmousemove = winscroll
</SCRIPT>

위 스타일과 스크립트는 마우스가 텍스트에 오버시에 텍스트가 왼쪽으로1픽셀 그리고 위로 1픽셀 정도 움직여서 버튼에 느낌이 들게 하는 것입니다.
제 홈에 사용한 스크롤도 같이 올립니다.

그리고 스타일 밑에 스크립트는 마우스 움직임 만으로 스크롤을 움직일수 있는 스크립트입니다.
이 소스는 제로보드 관리자 모드에서 "그룹설정" 에서 "게시판 상단에 출력할 내용" 에 그대로 복사해서
넣으시면 그 효과를 보실수 있습니다.
스크립트의 경우 보드를 인클루트사용시에는 그 효과가 나타나지 않습니다.
많은 분들이 간단한 스크립트 만으로 홈페이지를 이쁘게 꾸미실수있습니다.


출처: http://eunhee.zio.to
추천 (5) 선물 (0명)
IP: ♡.108.♡.20
3,006 개의 글이 있습니다.
제목 글쓴이 날짜 조회
관리자
2003-09-20
11967
관리자
2003-09-20
11524
관리자
2003-09-20
20665
지구인
2010-08-27
19450
지구인
2009-09-07
13769
SOLIDH
2010-01-29
15729
엔죠라이프
2004-10-07
16823
맹이
2002-07-12
1571
노아
2002-07-11
1319
네로
2002-07-10
485
네로
2002-07-07
793
네로
2002-07-03
403
네로
2002-07-03
430
네로
2002-07-03
392
네로
2002-07-03
719
네로
2002-07-03
350
네로
2002-07-03
346
네로
2002-07-03
463
네로
2002-07-03
595
네로
2002-07-03
396
네로
2002-07-02
496
네로
2002-06-30
448
네로
2002-06-30
589
네로
2002-06-30
341
네로
2002-06-22
961
네로
2002-06-22
1170
네로
2002-06-22
830
네로
2002-06-21
434
모이자 모바일