웹마스터 팁

<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픽셀 정도 움직여서 버튼에 느낌이 들게 하는 것입니다.
제 홈에 사용한 스크롤도 같이 올립니다.

그리고 스타일 밑에 스크립트는 마우스 움직임 만으로 스크롤을 움직일수 있는 스크립트입니다.
이 소스는 제로보드 관리자 모드에서 "그룹설정" 에서 "게시판 상단에 출력할 내용" 에 그대로 복사해서
넣으시면 그 효과를 보실수 있습니다.
스크립트의 경우 보드를 인클루트사용시에는 그 효과가 나타나지 않습니다.
많은 분들이 간단한 스크립트 만으로 홈페이지를 이쁘게 꾸미실수있습니다.
제목 글쓴이 날짜
[HTML 초보자] HTML 홈페이지의 태그 기본구조. [4] ZipShin 2002.08.07
[Siren]하나도 안귀엽게 -ㅅ-;; 문서 정렬하기 [5] 세이렌 2002.08.01
[스타일시트] 페이지 여백 없애기2 ^^ ↓ 아래글을 보충합니다. [8] ZipShin 2002.07.31
[Siren]페이지 여백 없애기 [8] 세이렌 2002.07.31
웹페이지 소스보기. [4] ZipShin 2002.07.31
[Siren]이미지 주변에 점선 테두리 생기게 하기 ^_^ [6] 세이렌 2002.07.30
[Siren]글자(문자,폰트) 링크 커서 제어하기 [8] 세이렌 2002.07.30
[Tip]로딩속도 높이는 10가지 방법. [8] HomeBox™ 2002.06.28
마우스 오버시에 텍스트 버튼느낌 style.css 와 자동 스크롤 기능 [5] HomeBox™ 2002.06.27
제로보드 가입폼에 css쉽게 적용하기 {동준짱} 2002.06.26
로보트 검색엔진에 잘 걸리는 Meta Tag 작성법 [8] 이성영 2002.06.20
메타태그(Meta)의 모든것 [11] ZipShin 2002.06.20
홈페이지의 대문에서 스크롤바 없애기 [10] keymove 2002.06.15
DHTML의 시작 - Form 예제 (폼처리 HTML) Legend 2002.05.09
저기에서 이리로 온 글입니다. [3] file 이성영 2002.05.07
DHTML의 시작 - Typing 스크립트 (예제) [2] Legend 2002.04.19
DHTML의 시작 - CSS와 객체 관계 [2] Legend 2002.04.12
드래그하면 바뀌는 마술거울효과 (-_-")v [16] file 짱나 2002.04.05
엔지오식 레이어 메뉴 구성하기 (허접) [3] 정영순 2002.03.28
두 개의 프레임을 동시에 제어하기 [4] file (づ_-) 위드 2002.03.25