http://oxtag.com/html/ex/link_shake.html
<HTML>
<HEAD>
<SCRIPT language="JavaScript">
// CREDITS:
// Textlink-Shaker onMouseOver
// by Urs Dudli and Peter Gehrig
// Copyright (c) 2000 Peter Gehrig and Urs Dudli. All rights reserved.
var oldtext
var newtext
var newlink
var speed=10
var i_speed=1.1
var i_text=1
var timer
function startshake(thislink) {
if (document.all) {
newlink=eval("document.getElementById('"+thislink+"')")
oldtext=newlink.childNodes[0].nodeValue
shaketext()
}
}
function shaketext() {
if (speed<=200) {
if (i_text<0) {newtext=oldtext+" "}
else if (i_text>0) {newtext=" "+oldtext}
newlink.childNodes[0].nodeValue=newtext;
i_text=i_text*-1
speed=speed*i_speed
timer=setTimeout("shaketext()",speed)
}
else {
clearTimeout(timer)
speed=20
newlink.childNodes[0].nodeValue=oldtext;
}
}
function stopshake() {
if (document.all) {
clearTimeout(timer)
speed=20
newlink.childNodes[0].nodeValue=oldtext;
}
}
</script>
</HEAD>
<BODY BGCOLOR="#FFFFFF">
<!-- 하이퍼링크 경로와 문구를 수정해주세요 -->
<!-- name="link1" 여길 링크 추가시 마다 link2, link3, link4,...... 이렇게 추가하면 됩니다. -->
링크 1 <a href="http://hacoo.tistory.com" name="link1" onMouseOver="startshake(this.name)" onMouseOut="stopshake()">http://hacoo.tistory.com</a> 에 마우스를 대 보세요
<br><br>
링크 2 <a href="http://hacoo.tistory.com" name="link2" onMouseOver="startshake(this.name)" onMouseOut="stopshake()">http://hacoo.tistory.com</a> 에 마우스를 대 보세요
</BODY>
</HTML>
'인터넷정보' 카테고리의 다른 글
| 링크된 텍스트에 마우스 오버시 색 번짐 효과 (0) | 2007.10.17 |
|---|---|
| 링크된 텍스트에 마우스 오버시 색 번짐 효과 (0) | 2007.10.17 |
| 링크된 이미지에 마우스 오버시 흐림효과 (0) | 2007.10.17 |
| 링크된 이미지에 마우스 오버시 흐림효과 (0) | 2007.10.17 |
| 링크된 텍스트 마우스 오버시 떨림효과 (0) | 2007.10.17 |
| 링크된 곳 마우스 오버시 폭탄 터드리기 (0) | 2007.10.17 |
| 링크된 곳 마우스 오버시 폭탄 터드리기 (0) | 2007.10.17 |
| 페이지 로딩시 배경 컬러가 변합니다. (0) | 2007.10.17 |
| 페이지 로딩시 배경 컬러가 변합니다. (0) | 2007.10.17 |
| 색상표 (0) | 2007.10.17 |