웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
▩마우스를 대면 하이퍼텍스트 스크롤하는 법 (링크할수있음)
2002.02.28 19:20
===========================================================
예제보기: 미리보기 http://my.dreamwiz.com/dong0987/study23.htm
=============================================================
<HEAD>와 </HEAD> 사이에 넣어주세요.
=============================================================
<SCRIPT LANGUAGE="JavaScript">
<!--
var a,b,go,word;
function greenlight(word){
a="윤미네집일까요? "; // 흘러내릴시 글
word.style.color="pink"; // 마우스 갖다 댈때 색상
linkSwitch();
}
function linkSwitch(){
clearTimeout(go);
b=a;
a=a.substring(1,100)+a.charAt(0);
esh.innerText=a;
go=setTimeout("linkSwitch()",100);
}
function stp(word){
clearTimeout(go);
esh.innerText=" http://yoonmi.waa.to"; // 마우스 떼고나서 의 글
word.style.color="blue"; // 마우스 뗄데 색상
}
//-->
</SCRIPT>
=================================================================
<body> </body> 사이에 삽입합니다.
=================================================================
========= 링크와 함께 삽입시 =====================================
<A HREF="http://yoonmi.waa.to" onmouseover="greenlight(this)"; onmouseout="stp(this)";>
<span id="esh">이곳에 마우스를 클릭하세요.span></A>
======= 그냥 글만 삽입하고 싶다면 =================================
<A onmouseover="greenlight(this)" ; onmouseout="stp(this)" ;><span id="esh"><font size="2">이곳에 마우스를 클릭하세요.</font></span>
예제보기: 미리보기 http://my.dreamwiz.com/dong0987/study23.htm
=============================================================
<HEAD>와 </HEAD> 사이에 넣어주세요.
=============================================================
<SCRIPT LANGUAGE="JavaScript">
<!--
var a,b,go,word;
function greenlight(word){
a="윤미네집일까요? "; // 흘러내릴시 글
word.style.color="pink"; // 마우스 갖다 댈때 색상
linkSwitch();
}
function linkSwitch(){
clearTimeout(go);
b=a;
a=a.substring(1,100)+a.charAt(0);
esh.innerText=a;
go=setTimeout("linkSwitch()",100);
}
function stp(word){
clearTimeout(go);
esh.innerText=" http://yoonmi.waa.to"; // 마우스 떼고나서 의 글
word.style.color="blue"; // 마우스 뗄데 색상
}
//-->
</SCRIPT>
=================================================================
<body> </body> 사이에 삽입합니다.
=================================================================
========= 링크와 함께 삽입시 =====================================
<A HREF="http://yoonmi.waa.to" onmouseover="greenlight(this)"; onmouseout="stp(this)";>
<span id="esh">이곳에 마우스를 클릭하세요.span></A>
======= 그냥 글만 삽입하고 싶다면 =================================
<A onmouseover="greenlight(this)" ; onmouseout="stp(this)" ;><span id="esh"><font size="2">이곳에 마우스를 클릭하세요.</font></span>
댓글 0
제목 | 글쓴이 | 날짜 |
---|---|---|
스크롤바색상바꿔주는프로그램(수정) [3] | 이슈™ | 2002.03.13 |
▩마우스 주위에 3D 처럼 뱅뱅도는 글자 [6] | ▩윤미 | 2002.03.11 |
테두리가 스믈스믈한 -_-;; | 란즈 | 2002.03.02 |
빠르게 이동하는 텍스트 | 란즈 | 2002.03.02 |
깜박거리는 문자 [1] | 란즈 | 2002.03.02 |
강한 인상을주는 (?) 환영메세지 -_-; [5] | 란즈 | 2002.03.02 |
텍스트 지진(?)효과 내기 | 란즈 | 2002.03.02 |
페이지 사용안하고 팝업띄우기 [4] | 란즈 | 2002.03.02 |
▩물결 처럼 흐르는 것같은 이미지 슬라이드 쇼 [2] | ▩윤미 | 2002.02.28 |
▩마우스를 대면 하이퍼텍스트 스크롤하는 법 (링크할수있음) | ▩윤미 | 2002.02.28 |
▩시작 정지가 가능한 테이블 스크롤 메시지 | ▩윤미 | 2002.02.27 |
▩휠마우스처럼 사용하기.. [6] | ▩윤미 | 2002.02.26 |
▩두문장을 blur효과주며 보여주기 [3] | ▩윤미 | 2002.02.26 |
▩자바스크립, 계산기 소스 (기본) [2] | ▩윤미 | 2002.02.26 |
▩문서선택 &소스선택을 위한 셀렉트 스크립트 | ▩윤미 | 2002.02.26 |
▩그림 슬라이드 되고, 마우스 대면 그림 멈추는 스크립트 [1] | ▩윤미 | 2002.02.26 |
▩찾기 기능을 내 홈페이지에 넣어보자 [1] | ▩윤미 | 2002.02.26 |
▩셀블렌딩( 테이블 색 서서히 변화주기효과) | ▩윤미 | 2002.02.26 |
▩화면에 무자기로 뜨게하는 물방울 (다른 모양가능) | ▩윤미 | 2002.02.26 |
▩키보드글씨가 그대로 화면에 나타나는 스크립트 [5] | ▩윤미 | 2002.02.26 |