웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
[초간단 자바스크립트!] 튀어나오는 글자..-_-;;
2004.01.18 13:45
//이거 호러 홈페이지에서 보고 엄청 놀랐다는,,
Enter라고 써졌던데... 마우스 올리니까, 소리하고
글자 막 튀어나오니까. .-_-;; 많이 놀랬다는...;;//
<SCRIPT>
var x,y
var timer
var i_fontsize=0
var step=0
var thisx,thisy
function handlerMM(e){
x = (document.layers) ? e.pageX : event.clientX
y = (document.layers) ? e.pageY : event.clientY
}
function ringup() {
if (document.all) {
thisx = x
thisy = y
ringup2()
}
}
function ringup2() {
if (i_fontsize<=1530) {
document.all.ring.style.fontSize=i_fontsize
document.all.ring.style.color="rgb(255,"+Math.floor(i_fontsize/6)+","+Math.floor(i_fontsize/6)+")"
document.all.ring.style.posLeft=thisx-(Math.floor(i_fontsize/3))
document.all.ring.style.posTop=thisy-(Math.floor(i_fontsize/1.4))
step+=4
i_fontsize+=step
timer=setTimeout("ringup(2)",50)
}
else {
clearTimeout(timer)
i_fontsize=0
step=0
document.all.ring.style.posTop=-10000
}
}
document.onmousemove = handlerMM;
</SCRIPT>
<STYLE>
.ringstyle { POSITION: absolute; TOP: -50px; VISIBILITY: visible }
.explain {POSITION: absolute; TEXT-ALIGN: center; TOP: 80px; WIDTH: 300px} //링크 위치
A { }
A:visited { }
</STYLE>
<DIV class=ringstyle id=ring><font color="#56B0FF">Hellow</font></DIV>
<DIV class=explain id=redirection>
<A href="#" onmouseover=ringup()>링크문구</A></DIV>
//후후.. 호러 홈페이지 만드는 분들을 위해서 올립니다...^^
좀 허접티가 나더라도 봐주시기를...//
Enter라고 써졌던데... 마우스 올리니까, 소리하고
글자 막 튀어나오니까. .-_-;; 많이 놀랬다는...;;//
<SCRIPT>
var x,y
var timer
var i_fontsize=0
var step=0
var thisx,thisy
function handlerMM(e){
x = (document.layers) ? e.pageX : event.clientX
y = (document.layers) ? e.pageY : event.clientY
}
function ringup() {
if (document.all) {
thisx = x
thisy = y
ringup2()
}
}
function ringup2() {
if (i_fontsize<=1530) {
document.all.ring.style.fontSize=i_fontsize
document.all.ring.style.color="rgb(255,"+Math.floor(i_fontsize/6)+","+Math.floor(i_fontsize/6)+")"
document.all.ring.style.posLeft=thisx-(Math.floor(i_fontsize/3))
document.all.ring.style.posTop=thisy-(Math.floor(i_fontsize/1.4))
step+=4
i_fontsize+=step
timer=setTimeout("ringup(2)",50)
}
else {
clearTimeout(timer)
i_fontsize=0
step=0
document.all.ring.style.posTop=-10000
}
}
document.onmousemove = handlerMM;
</SCRIPT>
<STYLE>
.ringstyle { POSITION: absolute; TOP: -50px; VISIBILITY: visible }
.explain {POSITION: absolute; TEXT-ALIGN: center; TOP: 80px; WIDTH: 300px} //링크 위치
A { }
A:visited { }
</STYLE>
<DIV class=ringstyle id=ring><font color="#56B0FF">Hellow</font></DIV>
<DIV class=explain id=redirection>
<A href="#" onmouseover=ringup()>링크문구</A></DIV>
//후후.. 호러 홈페이지 만드는 분들을 위해서 올립니다...^^
좀 허접티가 나더라도 봐주시기를...//
댓글 0
제목 | 글쓴이 | 날짜 |
---|---|---|
[초간단 자바스크립트!] 플래시 FullSize로 보여주기 [4] | ∑Ztxy | 2004.02.05 |
Select 태그 관련 스크립트 [12] | Zective | 2004.02.04 |
주소창에 아이콘을 달자(다음,엠파스처럼) [3] | piasol | 2004.02.01 |
앞,뒤,새로고침 만들기 [2] | piasol | 2004.02.01 |
세이클럽 스크롤바 [7] | 세강 :D | 2004.02.01 |
[초간단 자바스크립트!] 자바로 홈페이지를부드럽게!!(1) [4] | ∑Ztxy | 2004.01.27 |
인풋(코멘트)창 크기 조정 | 정재원 | 2004.01.27 |
[초간단 자바스크립트!] 자바로 로그인폼 만들기 [3] | ∑Ztxy | 2004.01.26 |
전체화면에서 스크롤바 없애기 [7] | 이태식 | 2004.01.23 |
[초간단 자바스크립트!] 색깔바뀌는 메뉴 [3] | ∑Ztxy | 2004.01.19 |
[초간단 자바스크립트!] 이미지 갤러리 [2] | ∑Ztxy | 2004.01.18 |
[초간단 자바스크립트!] 튀어나오는 글자..-_-;; | ∑Ztxy | 2004.01.18 |
[초간단 자바스크립트(강의)!]나만의 익스플로러창 만들기[허접] [2] | ∑Ztxy | 2004.01.17 |
Thinking In Java 2nd Edition | n25 | 2004.01.14 |
[초간단 자바스크립트!] 홈페이지접속 시간,날짜 표시기 [3] | ∑Ztxy | 2004.01.09 |
아기창 자동으루 띄우고 엄마창 자동으루 죽이기 -_-;; [13] | 후르츠 | 2004.01.09 |
마우스 올리면 링크 텍스트를 무지개빛으로_12시20분 수정.;; [1] | keymove | 2004.01.06 |
[초간단 자바스크립트!] 아이프레임 이용한 이미지 갤러리(?) | ∑Ztxy | 2004.01.02 |
화면 오른쪽 아래부분에 떠있는 메뉴 레이어(마우스 오버시 부메뉴 펼쳐짐) [7] | 봉팀장 | 2003.12.30 |
링크에 마우스를 올리면 배경 변하게 하는 소스 | 봉팀장 | 2003.12.30 |