웹마스터 팁

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

그리고 스타일 밑에 스크립트는 마우스 움직임 만으로 스크롤을 움직일수 있는 스크립트입니다.
이 소스는 제로보드 관리자 모드에서 "그룹설정" 에서 "게시판 상단에 출력할 내용" 에 그대로 복사해서
넣으시면 그 효과를 보실수 있습니다.
스크립트의 경우 보드를 인클루트사용시에는 그 효과가 나타나지 않습니다.
많은 분들이 간단한 스크립트 만으로 홈페이지를 이쁘게 꾸미실수있습니다.
제목 글쓴이 날짜
[Siren]투명 이미지 [14] 세이렌 2002.08.04
[HTML 초보자] 태그(Tag)의 역사 [6] ZipShin 2002.08.03
[Siren]하나도 안귀엽게 -ㅅ-;; 문서 정렬하기 [5] 세이렌 2002.08.01
iframe을 이용하여 target효과 주기. [8] ZipShin 2002.08.01
[스타일시트] 페이지 여백 없애기2 ^^ ↓ 아래글을 보충합니다. [8] ZipShin 2002.07.31
[Siren]페이지 여백 없애기 [8] 세이렌 2002.07.31
웹페이지 소스보기. [4] ZipShin 2002.07.31
이미지에 border="0"값 않넣고 하는방법 [14] ZipShin 2002.07.30
[Siren]이미지 주변에 점선 테두리 생기게 하기 ^_^ [6] 세이렌 2002.07.30
[Siren]글자(문자,폰트) 링크 커서 제어하기 [8] 세이렌 2002.07.30
이미지 클릭했을때 주변에 생기는 점선 없애는 이벤트. [7] 김승진 2002.07.30
xmp 태그를 아시나요 [9] 세벌사랑 2002.07.30
[BGM-초급]나모로 BGM 설치하기 (다운받기-시노부 포함) [5] file ▩윤미 2002.07.14
Scrollbar Generator [스크롤바 색상을 쉽게 바꿀수 있게 코드생성] [6] 문사라 2002.07.11
전광판? 나도 한 번 해볼까 ^^v [4] Xynex:) 2002.07.03
[사이트제작팁]팁의 보물창고~ [7] webdio *^-^* 2002.07.03
>> 밑줄과 글씨의 색을 다르게 [예제포함] [3] 아미v 2002.06.29
[Tip]로딩속도 높이는 10가지 방법. [8] HomeBox™ 2002.06.28
마우스 오버시에 텍스트 버튼느낌 style.css 와 자동 스크롤 기능 [5] HomeBox™ 2002.06.27
제로보드 가입폼에 css쉽게 적용하기 {동준짱} 2002.06.26