마우스 오버시에 텍스트 버튼느낌 style.css 와 자동 스크롤 기능
<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://www.nzeo.com/bbs/zboard.php?id=p_html&page=1&sn1=&divpage=1&category=2&sn=off&ss=on&sc=off&select_arrange=vote&desc=desc&no=320<div class='small'>[이 게시물은 관리자님에 의해 2011-10-31 16:54:41 CSS에서 이동 됨]</div>
<!--
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://www.nzeo.com/bbs/zboard.php?id=p_html&page=1&sn1=&divpage=1&category=2&sn=off&ss=on&sc=off&select_arrange=vote&desc=desc&no=320<div class='small'>[이 게시물은 관리자님에 의해 2011-10-31 16:54:41 CSS에서 이동 됨]</div>
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 7630 | 10년 전 | 648 | ||
| 7629 |
 돼지코구뇽 |
10년 전 | 2379 | |
| 7628 | 10년 전 | 786 | ||
| 7627 |
 RINIX |
10년 전 | 1017 | |
| 7626 |
RINIX |
10년 전 | 1785 | |
| 7625 | 10년 전 | 692 | ||
| 7624 | 10년 전 | 710 | ||
| 7623 |
RINIX |
10년 전 | 3075 | |
| 7622 | 10년 전 | 719 | ||
| 7621 |
leeleeleelee
|
10년 전 | 581 | |
| 7620 | 10년 전 | 537 | ||
| 7619 | 10년 전 | 479 | ||
| 7618 | 10년 전 | 1013 | ||
| 7617 | 10년 전 | 722 | ||
| 7616 | 10년 전 | 633 | ||
| 7615 | 10년 전 | 725 | ||
| 7614 | 10년 전 | 1254 | ||
| 7613 |
RINIX |
10년 전 | 2081 | |
| 7612 | 10년 전 | 1137 | ||
| 7611 | 10년 전 | 1405 | ||
| 7610 |
RINIX |
10년 전 | 1898 | |
| 7609 |
 JRevirthuum |
10년 전 | 1330 | |
| 7608 |
mwdkim
|
10년 전 | 1126 | |
| 7607 |
JRevirthuum |
10년 전 | 1050 | |
| 7606 |
mwdkim
|
10년 전 | 3923 | |
| 7605 | 10년 전 | 685 | ||
| 7604 | 10년 전 | 1023 | ||
| 7603 | 10년 전 | 1645 | ||
| 7602 |
 nanati |
10년 전 | 1067 | |
| 7601 |
AniNest
|
10년 전 | 2785 | |
| 7600 |
port443
|
10년 전 | 1022 | |
| 7599 | 10년 전 | 942 | ||
| 7598 | 10년 전 | 1013 | ||
| 7597 | 10년 전 | 4567 | ||
| 7596 |
SeungYeon
|
10년 전 | 886 | |
| 7595 |
untitled
|
10년 전 | 2415 | |
| 7594 |
프로그래머7
|
10년 전 | 1718 | |
| 7593 |
untitled
|
10년 전 | 2357 | |
| 7592 |
untitled
|
10년 전 | 1932 | |
| 7591 |
untitled
|
10년 전 | 2673 | |
| 7590 |
아리마2001
|
10년 전 | 850 | |
| 7589 | 10년 전 | 1108 | ||
| 7588 |
JRevirthuum |
10년 전 | 2913 | |
| 7587 | 10년 전 | 1301 | ||
| 7586 | 10년 전 | 666 | ||
| 7585 | 10년 전 | 1688 | ||
| 7584 | 10년 전 | 1409 | ||
| 7583 |
leeleeleelee
|
10년 전 | 1157 | |
| 7582 |
 별을따는소년 |
10년 전 | 1103 | |
| 7581 | 10년 전 | 1323 | ||
| 7580 | 10년 전 | 984 | ||
| 7579 |
별을따는소년 |
10년 전 | 603 | |
| 7578 | 10년 전 | 1426 | ||
| 7577 |
RINIX |
10년 전 | 1870 | |
| 7576 | 10년 전 | 1383 | ||
| 7575 |
멋진남자임
|
10년 전 | 1459 | |
| 7574 | 10년 전 | 2115 | ||
| 7573 | 10년 전 | 3247 | ||
| 7572 | 10년 전 | 757 | ||
| 7571 |
별을따는소년 |
10년 전 | 780 | |
| 7570 |
 카카오툴즈 |
10년 전 | 1308 | |
| 7569 | 10년 전 | 1546 | ||
| 7568 |
this1mg
|
10년 전 | 1046 | |
| 7567 |
 내사랑내사랑 |
10년 전 | 755 | |
| 7566 | 10년 전 | 914 | ||
| 7565 |
Angel하늘
|
10년 전 | 989 | |
| 7564 |
seoldi
|
10년 전 | 1229 | |
| 7563 |
별을따는소년 |
10년 전 | 1369 | |
| 7562 |
멋진남자임
|
10년 전 | 2078 | |
| 7561 | 10년 전 | 711 | ||
| 7560 |
leeleeleelee
|
10년 전 | 897 | |
| 7559 | 10년 전 | 5037 | ||
| 7558 |
RinaP
|
10년 전 | 776 | |
| 7557 |
 성격파탄자 |
10년 전 | 1237 | |
| 7556 | 10년 전 | 1190 | ||
| 7555 |
hyohyojj1234
|
10년 전 | 1655 | |
| 7554 | 10년 전 | 1089 | ||
| 7553 |
senseme
|
10년 전 | 1334 | |
| 7552 |
ehdltdoit
|
10년 전 | 1432 | |
| 7551 |
 Terrorboy |
10년 전 | 1815 | |
| 7550 |
leeleeleelee
|
10년 전 | 1585 | |
| 7549 | 10년 전 | 2416 | ||
| 7548 | 10년 전 | 1835 | ||
| 7547 |
멋진남자임
|
10년 전 | 1957 | |
| 7546 | 10년 전 | 998 | ||
| 7545 |
ILMare1003
|
10년 전 | 1279 | |
| 7544 |
내사랑내사랑 |
10년 전 | 1247 | |
| 7543 | 10년 전 | 881 | ||
| 7542 | 10년 전 | 653 | ||
| 7541 |
울라라라우
|
10년 전 | 860 | |
| 7540 | 10년 전 | 1596 | ||
| 7539 | 10년 전 | 927 | ||
| 7538 |
 Romancia |
10년 전 | 1829 | |
| 7537 | 10년 전 | 3607 | ||
| 7536 |
Gaumi
|
10년 전 | 1407 | |
| 7535 |
프로그램은어려워
|
10년 전 | 1263 | |
| 7534 |
senseme
|
10년 전 | 1203 | |
| 7533 | 10년 전 | 1190 | ||
| 7532 | 10년 전 | 854 | ||
| 7531 | 10년 전 | 2044 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기