웹마스터 팁
텍스트 지진(?)효과 내기
2002.03.02 19:57
헤드와 헤드사이에 기걸 삽입합니다
<script language="javascript">
var y=30
var x=10 //페이지내에서 텍스트의 x,y좌표를나타냅니다.
var count_shakes= 0
var shaketicker
function initObjects() {
if (document.all) {
shaketicker0 = document.all.shaketick0.style
shaketicker1 = document.all.shaketick1.style
shaketicker2 = document.all.shaketick2.style
shaketicker3 = document.all.shaketick3.style
shaketicker4 = document.all.shaketick4.style
shaketicker5 = document.all.shaketick5.style
shaketicker6 = document.all.shaketick6.style
}
if (document.layers) {
shaketicker0 = document.shaketick0
shaketicker1 = document.shaketick1
shaketicker2 = document.shaketick2
shaketicker3 = document.shaketick3
shaketicker4 = document.shaketick4
shaketicker5 = document.shaketick5
shaketicker6 = document.shaketick6
}
shake()
}
function getrandom() {
var dif= Math.floor(Math.random()*2)
return dif
}
function getrandom2() {
var dif= Math.floor(Math.random()*5)
return dif
}
function getrandom3() {
var dif= Math.floor(Math.random()*10)
return dif
}
function intermezzo() {
count_shakes=0
var goon=setTimeout('shake()',2000)
}
function shake() {
if (count_shakes < 50) { //흔드는횟수정도..짧으면 흔드는횟수가 줄어들고 길면 길어집니다.
if (document.all) {
shaketicker0.posTop=y+getrandom(); shaketicker0.posLeft=x+getrandom3();
shaketicker1.posTop=y+getrandom(); shaketicker1.posLeft=x+getrandom2();
shaketicker2.posTop=y+getrandom2(); shaketicker2.posLeft=x+getrandom();
shaketicker3.posTop=y+getrandom(); shaketicker3.posLeft=x+getrandom3();
shaketicker4.posTop=y+getrandom3(); shaketicker4.posLeft=x+getrandom2();
shaketicker5.posTop=y+getrandom2(); shaketicker5.posLeft=x+getrandom();
shaketicker6.posTop=y+getrandom2(); shaketicker6.posLeft=x+getrandom();
}
if (document.layers) {
shaketicker0.top=y+getrandom(); shaketicker0.left=x+getrandom3();
shaketicker1.top=y+getrandom(); shaketicker1.left=x+getrandom2();
shaketicker2.top=y+getrandom2(); shaketicker2.left=x+getrandom();
shaketicker3.top=y+getrandom3(); shaketicker3.left=x+getrandom();
shaketicker4.top=y+getrandom(); shaketicker4.left=x+getrandom2();
shaketicker5.top=y+getrandom2(); shaketicker5.left=x+getrandom();
shaketicker6.top=y+getrandom(); shaketicker6.left=x+getrandom3();
}
var timer = setTimeout('shake()',10)
count_shakes++;
}
else {
shaketicker0.top=y; shaketicker0.left=x;
shaketicker1.top=y; shaketicker1.left=x;
shaketicker2.top=y; shaketicker2.left=x;
shaketicker3.top=y; shaketicker3.left=x;
shaketicker4.top=y; shaketicker4.left=x;
shaketicker5.top=y; shaketicker5.left=x;
shaketicker6.top=y; shaketicker6.left=x;
intermezzo()
clearTimeout(timer)
}
}
// - End of JavaScript - -->
</SCRIPT>
<STYLE>
.ticker {
position: absolute;
font-family:Verdana;
font-weight:bold;
color:FF0000; //맨 처음나오는 텍스트 색 같습니다
font-size:30px;
letter-spacing:1;
}
</STYLE>
바디 부분
여기에 원하는 텍스트를 적어주시면 될것같습니다.
글자의 횟수는 위의 스크립트랑 같아야겠지요
<BODY onLoad="initObjects()">
<div id="shaketick0" class="ticker" style="COLOR: #ffeeee">
Take cover!
</div>
<div id="shaketick1" class="ticker" style="COLOR: #ffcccc">
Take cover!
</div>
<div id="shaketick2" class="ticker" style="COLOR: #ff9999">
Take cover!
</div>
<div id="shaketick3" class="ticker" style="COLOR: #ff7777">
Take cover!
</div>
<div id="shaketick4" class="ticker" style="COLOR: #ff5555">
Take cover!
</div>
<div id="shaketick5" class="ticker" style="COLOR: #ff2222">
Take cover!
</div>
<div id="shaketick6" class="ticker" style="COLOR: #ff0000">
Take cover!
</div>
</body>
복사해가실떄는... 저위에 제가 // 이렇게 주석단부분은 빼주세요 ;;
출처 : http://www.lycos.co.uk
<script language="javascript">
var y=30
var x=10 //페이지내에서 텍스트의 x,y좌표를나타냅니다.
var count_shakes= 0
var shaketicker
function initObjects() {
if (document.all) {
shaketicker0 = document.all.shaketick0.style
shaketicker1 = document.all.shaketick1.style
shaketicker2 = document.all.shaketick2.style
shaketicker3 = document.all.shaketick3.style
shaketicker4 = document.all.shaketick4.style
shaketicker5 = document.all.shaketick5.style
shaketicker6 = document.all.shaketick6.style
}
if (document.layers) {
shaketicker0 = document.shaketick0
shaketicker1 = document.shaketick1
shaketicker2 = document.shaketick2
shaketicker3 = document.shaketick3
shaketicker4 = document.shaketick4
shaketicker5 = document.shaketick5
shaketicker6 = document.shaketick6
}
shake()
}
function getrandom() {
var dif= Math.floor(Math.random()*2)
return dif
}
function getrandom2() {
var dif= Math.floor(Math.random()*5)
return dif
}
function getrandom3() {
var dif= Math.floor(Math.random()*10)
return dif
}
function intermezzo() {
count_shakes=0
var goon=setTimeout('shake()',2000)
}
function shake() {
if (count_shakes < 50) { //흔드는횟수정도..짧으면 흔드는횟수가 줄어들고 길면 길어집니다.
if (document.all) {
shaketicker0.posTop=y+getrandom(); shaketicker0.posLeft=x+getrandom3();
shaketicker1.posTop=y+getrandom(); shaketicker1.posLeft=x+getrandom2();
shaketicker2.posTop=y+getrandom2(); shaketicker2.posLeft=x+getrandom();
shaketicker3.posTop=y+getrandom(); shaketicker3.posLeft=x+getrandom3();
shaketicker4.posTop=y+getrandom3(); shaketicker4.posLeft=x+getrandom2();
shaketicker5.posTop=y+getrandom2(); shaketicker5.posLeft=x+getrandom();
shaketicker6.posTop=y+getrandom2(); shaketicker6.posLeft=x+getrandom();
}
if (document.layers) {
shaketicker0.top=y+getrandom(); shaketicker0.left=x+getrandom3();
shaketicker1.top=y+getrandom(); shaketicker1.left=x+getrandom2();
shaketicker2.top=y+getrandom2(); shaketicker2.left=x+getrandom();
shaketicker3.top=y+getrandom3(); shaketicker3.left=x+getrandom();
shaketicker4.top=y+getrandom(); shaketicker4.left=x+getrandom2();
shaketicker5.top=y+getrandom2(); shaketicker5.left=x+getrandom();
shaketicker6.top=y+getrandom(); shaketicker6.left=x+getrandom3();
}
var timer = setTimeout('shake()',10)
count_shakes++;
}
else {
shaketicker0.top=y; shaketicker0.left=x;
shaketicker1.top=y; shaketicker1.left=x;
shaketicker2.top=y; shaketicker2.left=x;
shaketicker3.top=y; shaketicker3.left=x;
shaketicker4.top=y; shaketicker4.left=x;
shaketicker5.top=y; shaketicker5.left=x;
shaketicker6.top=y; shaketicker6.left=x;
intermezzo()
clearTimeout(timer)
}
}
// - End of JavaScript - -->
</SCRIPT>
<STYLE>
.ticker {
position: absolute;
font-family:Verdana;
font-weight:bold;
color:FF0000; //맨 처음나오는 텍스트 색 같습니다
font-size:30px;
letter-spacing:1;
}
</STYLE>
바디 부분
여기에 원하는 텍스트를 적어주시면 될것같습니다.
글자의 횟수는 위의 스크립트랑 같아야겠지요
<BODY onLoad="initObjects()">
<div id="shaketick0" class="ticker" style="COLOR: #ffeeee">
Take cover!
</div>
<div id="shaketick1" class="ticker" style="COLOR: #ffcccc">
Take cover!
</div>
<div id="shaketick2" class="ticker" style="COLOR: #ff9999">
Take cover!
</div>
<div id="shaketick3" class="ticker" style="COLOR: #ff7777">
Take cover!
</div>
<div id="shaketick4" class="ticker" style="COLOR: #ff5555">
Take cover!
</div>
<div id="shaketick5" class="ticker" style="COLOR: #ff2222">
Take cover!
</div>
<div id="shaketick6" class="ticker" style="COLOR: #ff0000">
Take cover!
</div>
</body>
복사해가실떄는... 저위에 제가 // 이렇게 주석단부분은 빼주세요 ;;
출처 : http://www.lycos.co.uk
댓글 0
| 제목 | 글쓴이 | 날짜 |
|---|---|---|
| IDC 방문 이야기 ^^; 3 - 서버 업그레이드 이야기 [2] | 박용구 | 2005.08.03 |
| 아파치에서 phpBB웜 차단 및 별도 로그 저장 [3] | 좋은진호 | 2005.03.07 |
| [해킹당한경험이 있는분 참고하세요]이제는 제로보드 서버도 안전하게 해킹당하지 않고 운영합시다. [20] | 양승의 | 2005.02.22 |
| [MS05-004~015] 윈도우 취약점 패치 권고 | ATpple.com | 2005.02.16 |
| MySQL 비밀번호 분실 대처요령 [2] | 임경우 | 2005.02.02 |
| 아파치 설정 활용 예(서비스 제한측면) [4] | 좋은진호 | 2005.01.31 |
| 원격접속데스크톱 XP이전버젼에서도 된다~! [5] | 류진곤 | 2005.01.23 |
| 홈페이지 대량 변조 발생에 따른 ‘주의’ 경보발령 [4] | ATpple.com | 2005.01.07 |
| 운영 환경에서 안전한 PHP 설정 [1] | 김병철 | 2005.01.06 |
| rsync의 write only 기능(쓰기만 가능한 설정) | 좋은진호 | 2004.12.09 |
| winXP + APM + 제로보드 이용한 홈피제작(동영상강좌) [1] | kim | 2004.12.04 |
| 리눅스 서버 설치 후 APM 설치 및 제로보드 설치 또는 백업 후 복구 과정별 설명.. [1] | 김기윤761 | 2004.11.25 |
공유기 환경에서 Serv-U 로 FTP 운영하기
[7]
 | 꿈바라기 | 2004.11.04 |
| 리눅스 네트워크 서버 및 웹서버 구축 방법을 강의 [10] | 조영훈 | 2004.10.19 |
| WINDOW에서 APM_SETUP 쓰시는 분들 Mysql 자동 백업하기 | 김수남 | 2004.10.15 |
| 사용자가 sh 명령어를 이용하여, 웹상에서 실행한번으로. 계정 백업하기 [3] | 김동욱 | 2004.10.10 |
| 무단링크 방지설정 [12] | 토토루 | 2004.10.09 |
| 도메인 주소에 www 자동으로 붙이기 [2] | 토토루 | 2004.10.08 |
| 특정파일 엑세스 금지하기 [2] | 토토루 | 2004.10.08 |
| 아파치 로그관리 팁이요 [4] | 조정필 | 2004.10.01 |