마우스 오버시에 텍스트 버튼느낌 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>
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 7530 | 10년 전 | 787 | ||
| 7529 |
파랑새1597
|
10년 전 | 1204 | |
| 7528 |
파랑새1597
|
10년 전 | 1310 | |
| 7527 |
integrity7
|
10년 전 | 1393 | |
| 7526 | 10년 전 | 2406 | ||
| 7525 |
다빈치코드777
|
10년 전 | 1101 | |
| 7524 | 10년 전 | 1564 | ||
| 7523 | 10년 전 | 958 | ||
| 7522 |
 나는웹디다 |
10년 전 | 988 | |
| 7521 |
blackkil
|
10년 전 | 1866 | |
| 7520 | 10년 전 | 1288 | ||
| 7519 |
Gaumi
|
10년 전 | 1078 | |
| 7518 | 10년 전 | 1477 | ||
| 7517 | 10년 전 | 827 | ||
| 7516 | 10년 전 | 1282 | ||
| 7515 | 10년 전 | 1396 | ||
| 7514 |
 돼지코구뇽 |
10년 전 | 4483 | |
| 7513 |
멋진남자임
|
10년 전 | 1135 | |
| 7512 |
다빈치코드777
|
10년 전 | 866 | |
| 7511 |
 LaRuota |
10년 전 | 3391 | |
| 7510 | 10년 전 | 1362 | ||
| 7509 | 10년 전 | 1141 | ||
| 7508 | 10년 전 | 714 | ||
| 7507 |
senseme
|
10년 전 | 740 | |
| 7506 |
멋진남자임
|
10년 전 | 1635 | |
| 7505 | 10년 전 | 4003 | ||
| 7504 | 10년 전 | 2139 | ||
| 7503 | 10년 전 | 988 | ||
| 7502 | 10년 전 | 516 | ||
| 7501 | 10년 전 | 1441 | ||
| 7500 | 10년 전 | 1487 | ||
| 7499 | 10년 전 | 3385 | ||
| 7498 | 10년 전 | 1205 | ||
| 7497 |
dethos79
|
10년 전 | 2962 | |
| 7496 | 10년 전 | 2148 | ||
| 7495 | 10년 전 | 859 | ||
| 7494 |
CHAVO
|
10년 전 | 1128 | |
| 7493 | 10년 전 | 2644 | ||
| 7492 | 10년 전 | 1261 | ||
| 7491 | 10년 전 | 1472 | ||
| 7490 | 10년 전 | 2334 | ||
| 7489 | 10년 전 | 2120 | ||
| 7488 |
toptopon
|
10년 전 | 891 | |
| 7487 |
 Terrorboy |
10년 전 | 1028 | |
| 7486 | 10년 전 | 3348 | ||
| 7485 | 10년 전 | 1309 | ||
| 7484 | 10년 전 | 1370 | ||
| 7483 | 10년 전 | 1021 | ||
| 7482 | 10년 전 | 647 | ||
| 7481 | 10년 전 | 855 | ||
| 7480 | 10년 전 | 1227 | ||
| 7479 | 10년 전 | 2599 | ||
| 7478 | 10년 전 | 1162 | ||
| 7477 |
멋진남자임
|
10년 전 | 1518 | |
| 7476 |
zeppeto
|
10년 전 | 1142 | |
| 7475 |
200점아빠
|
10년 전 | 910 | |
| 7474 | 10년 전 | 4001 | ||
| 7473 | 10년 전 | 989 | ||
| 7472 |
나르시스1
|
10년 전 | 1240 | |
| 7471 | 10년 전 | 872 | ||
| 7470 | 10년 전 | 1273 | ||
| 7469 |
플라이SINJI
|
10년 전 | 971 | |
| 7468 |
Terrorboy |
10년 전 | 541 | |
| 7467 |
Terrorboy |
10년 전 | 657 | |
| 7466 | 10년 전 | 1115 | ||
| 7465 | 10년 전 | 1181 | ||
| 7464 |
Terrorboy |
10년 전 | 1187 | |
| 7463 | 10년 전 | 1243 | ||
| 7462 |
진짜별사탕
|
10년 전 | 854 | |
| 7461 | 10년 전 | 943 | ||
| 7460 | 10년 전 | 3725 | ||
| 7459 |
멋진남자임
|
10년 전 | 1552 | |
| 7458 |
멋진남자임
|
10년 전 | 479 | |
| 7457 | 10년 전 | 917 | ||
| 7456 | 10년 전 | 760 | ||
| 7455 | 10년 전 | 2150 | ||
| 7454 | 10년 전 | 629 | ||
| 7453 | 10년 전 | 821 | ||
| 7452 |
중국어사이트제작
|
10년 전 | 504 | |
| 7451 | 10년 전 | 902 | ||
| 7450 | 10년 전 | 626 | ||
| 7449 |
울라라라우
|
10년 전 | 947 | |
| 7448 | 10년 전 | 1629 | ||
| 7447 |
멋진남자임
|
10년 전 | 499 | |
| 7446 | 10년 전 | 548 | ||
| 7445 |
네이비칼라
|
10년 전 | 1671 | |
| 7444 |
senseme
|
10년 전 | 1404 | |
| 7443 | 10년 전 | 1337 | ||
| 7442 | 10년 전 | 724 | ||
| 7441 |
멋진남자임
|
10년 전 | 1433 | |
| 7440 | 10년 전 | 904 | ||
| 7439 |
Terrorboy |
10년 전 | 754 | |
| 7438 |
Terrorboy |
10년 전 | 931 | |
| 7437 |
basement
|
10년 전 | 1030 | |
| 7436 |
잘살아보자
|
10년 전 | 1124 | |
| 7435 | 10년 전 | 1081 | ||
| 7434 | 10년 전 | 3789 | ||
| 7433 |
Terrorboy |
10년 전 | 2731 | |
| 7432 |
alexkim
|
10년 전 | 858 | |
| 7431 |
이웃집초보
|
11년 전 | 1306 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기