웹마스터 팁
▩마우스 따라다니는 정렬된 예쁜 글자들
2002.03.11 10:27
=============================================================
미리보기 : http://dong0987.nayes.net/zboard/zboard.php?id=study&page=3&sn1=&divpage=1&sn=off&ss=on&sc=on&select_arrange=headnum&desc=asc&no=54
=============================================================
헤드와 헤드사이에 삽입
=============================================================
<style type="text/css">
.spanstyle {position:absolute; visibility:visible; top:-50px; font-size:9pt; font-family:돋움; color:blue;}
</style>
<script>
/*
Cursor Trailor Text- By Peter Gehrig (http://www.24fun.ch/)
Permission given to Dynamicdrive.com to feature script in it's archive.
*/
var x,y
var step=20
var flag=0
// Your snappy message. Important: the space at the end of the sentence!!!
var message="윤미네집에오신걸환영해요♥~.."
message=message.split("")
var xpos=new Array()
for (i=0;i<=message.length-1;i++) {
xpos[i]=-50
}
var ypos=new Array()
for (i=0;i<=message.length-1;i++) {
ypos[i]=-50
}
function handlerMM(e){
x = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientX
y = (document.layers) ? e.pageY : document.body.scrollTop+event.clientY
flag=1
}
function makesnake() {
if (flag==1 && document.all) {
for (i=message.length-1; i>=1; i--) {
xpos[i]=xpos[i-1]+step
ypos[i]=ypos[i-1]
}
xpos[0]=x+step
ypos[0]=y
for (i=0; i<message.length-1; i++) {
var thisspan = eval("span"+(i)+".style")
thisspan.posLeft=xpos[i]
thisspan.posTop=ypos[i]
}
}
else if (flag==1 && document.layers) {
for (i=message.length-1; i>=1; i--) {
xpos[i]=xpos[i-1]+step
ypos[i]=ypos[i-1]
}
xpos[0]=x+step
ypos[0]=y
for (i=0; i<message.length-1; i++) {
var thisspan = eval("document.span"+i)
thisspan.left=xpos[i]
thisspan.top=ypos[i]
}
}
var timer=setTimeout("makesnake()",30)
}
</script>
============================================================
저기서 윤미네집으로 오신걸 환용해요 --> 이걸 바꿔주시면 됩니다.
============================================================
============================================================
<Body> 사이에 추가해주세요.
요렇게
<body onload="makesnake()" style="width:100%; overflow-x:hidden; overflow-y:scroll">
============================================================
============================================================
<Body> </Body> 사이에 넣어줍니다.
============================================================
<script>
<!-- Beginning of JavaScript -
for (i=0;i<=message.length-1;i++) {
document.write("<span id='span"+i+"' class='spanstyle'>")
document.write(message[i])
document.write("</span>")
}
if (document.layers){
document.captureEvents(Event.MOUSEMOVE);
}
document.onmousemove = handlerMM;
// - End of JavaScript - -->
</script>
미리보기 : http://dong0987.nayes.net/zboard/zboard.php?id=study&page=3&sn1=&divpage=1&sn=off&ss=on&sc=on&select_arrange=headnum&desc=asc&no=54
=============================================================
헤드와 헤드사이에 삽입
=============================================================
<style type="text/css">
.spanstyle {position:absolute; visibility:visible; top:-50px; font-size:9pt; font-family:돋움; color:blue;}
</style>
<script>
/*
Cursor Trailor Text- By Peter Gehrig (http://www.24fun.ch/)
Permission given to Dynamicdrive.com to feature script in it's archive.
*/
var x,y
var step=20
var flag=0
// Your snappy message. Important: the space at the end of the sentence!!!
var message="윤미네집에오신걸환영해요♥~.."
message=message.split("")
var xpos=new Array()
for (i=0;i<=message.length-1;i++) {
xpos[i]=-50
}
var ypos=new Array()
for (i=0;i<=message.length-1;i++) {
ypos[i]=-50
}
function handlerMM(e){
x = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientX
y = (document.layers) ? e.pageY : document.body.scrollTop+event.clientY
flag=1
}
function makesnake() {
if (flag==1 && document.all) {
for (i=message.length-1; i>=1; i--) {
xpos[i]=xpos[i-1]+step
ypos[i]=ypos[i-1]
}
xpos[0]=x+step
ypos[0]=y
for (i=0; i<message.length-1; i++) {
var thisspan = eval("span"+(i)+".style")
thisspan.posLeft=xpos[i]
thisspan.posTop=ypos[i]
}
}
else if (flag==1 && document.layers) {
for (i=message.length-1; i>=1; i--) {
xpos[i]=xpos[i-1]+step
ypos[i]=ypos[i-1]
}
xpos[0]=x+step
ypos[0]=y
for (i=0; i<message.length-1; i++) {
var thisspan = eval("document.span"+i)
thisspan.left=xpos[i]
thisspan.top=ypos[i]
}
}
var timer=setTimeout("makesnake()",30)
}
</script>
============================================================
저기서 윤미네집으로 오신걸 환용해요 --> 이걸 바꿔주시면 됩니다.
============================================================
============================================================
<Body> 사이에 추가해주세요.
요렇게
<body onload="makesnake()" style="width:100%; overflow-x:hidden; overflow-y:scroll">
============================================================
============================================================
<Body> </Body> 사이에 넣어줍니다.
============================================================
<script>
<!-- Beginning of JavaScript -
for (i=0;i<=message.length-1;i++) {
document.write("<span id='span"+i+"' class='spanstyle'>")
document.write(message[i])
document.write("</span>")
}
if (document.layers){
document.captureEvents(Event.MOUSEMOVE);
}
document.onmousemove = handlerMM;
// - End of JavaScript - -->
</script>
| 제목 | 글쓴이 | 날짜 |
|---|---|---|
| 유튭 비디오를 XE에 올리는 아주 간단한 방법 [1] | 유샤인 | 2011.07.23 |
| 알수없는 여백(공백,마진)이 생기는 문제 해결법 - 초보님용 [1] | 주영수 | 2011.07.23 |
| 최근 댓글 위젯에 댓글 작성자 이름 표시하기 | Treasurej | 2011.07.22 |
모든게시판에서 글등록할때 Duplicat entry 'XXX' for key 1 오류 해결방법
[2]
 | 토끼매니아 | 2011.07.22 |
| 글작성후 목록으로 이동하기 팁이 정상동작하지 않을 경우 [2] | 도라란 | 2011.07.14 |
| 미디어(이미지,플래시 등) 파일 무단링크 차단 [8] | 도라란 | 2011.07.11 |
| 글에 첨부된 이미지 파일이 없을 경우, 지정 이미지를 본문에 보여주기 | 도라란 | 2011.07.11 |
| 비로그인시 본문대신 지정문구 보이기 [1] | 도라란 | 2011.07.11 |
| 포인트복권모듈 포인트 중복수령을 차단하는 간단한 팁 [4] | 나뚜르 | 2011.07.10 |
| 글작성후 목록으로 이동하기 [8] | ezi | 2011.07.08 |
| 레이아웃에서 class="header" 사용 안하기... [2] | ForHanbi | 2011.06.30 |
|
조회수 클릭때마다 올라가기(1.4.5.7 버전에서 되네요)
[2]
| 아네모네 | 2011.06.20 |
| XML필터 사용시 유효성검사에서 사용자정의 메세지 출력하기 | 창한이 | 2011.06.19 |
| 템플릿 변수(조건문) 팁 [1] | 엘카 | 2011.06.19 |
| ie6 빈div 높이 조절 [2] | ForHanbi | 2011.06.19 |
| 홈페이지 접속시 XE를 바로 실행하기(XE를 /xe/ 폴더에 설치한 경우) [5] | Firstlove | 2011.06.12 |
| 스킨에서 조건/반복문 여러줄 사용하기 [1] | 엘카 | 2011.06.10 |
| 레이아웃 100% 일때 이미지리사이즈 Addon 넓이값 고정하기 | 고수군 | 2011.06.08 |
| 다음view(다음뷰) 애드온 사용시 댓글창의 뷰아이콘 지우기 [1] | 하늘종 | 2011.05.31 |
| 다수의 업로드 mp3 파일 jwplayer로 재생하기 [3] | 공수래 | 2011.05.30 |
감사 - ^-^