본문 바로가기

javascript

애니메이션 텍스트 효과

[소스]

<style>
<!--
.12V {font-size: 12pt;  font-family: verdana, arial, helvetica, sans-serif;}
A:link {font-size: 12pt; color: #000000; font-family: Verdana, Arial, Helvetica;}
A:visited {font-size: 12pt; color: #000000; font-family: Verdana, Arial, Helvetica;}


.10V {font-size: 10pt;  font-family: verdana, arial, helvetica, sans-serif;}
A:link {font-size: 10pt; color: #000000; font-family: Verdana, Arial, Helvetica;}
A:visited {font-size: 10pt; color: #000000; font-family: Verdana, Arial, Helvetica;}

-->
</style>
</head>

<body>

<script language="JScript">
<!--
   ua=navigator.userAgent;
   v=navigator.appVersion.substring(0,1);
   if ((ua.lastIndexOf("MSIE")!=-1) && (v!='1') && (v!='2') && (v!='3')) {
       document.body.onmouseover=makeCool;
       document.body.onmouseout=makeNormal;
   }
   function makeCool() {
       src = event.toElement;
       if (src.tagName == "A") {
           src.oldcol = src.style.color;
           src.style.color = "FF0000";
    src.style.font="14";         }
if (src.value == "1") { window.open('script10854.html','Window1');
   }
if (src.value == "2") { window.open('script10854.html','Window2');
   }
if (src.value == "3") { window.open('script10854.html','Window3');
   }
if (src.value == "4") { window.open('script10854.html','Window4');
   }
if (src.value == "5") { window.open('script10854.html','Window5');
   }

   }
   function makeNormal() {
       src=event.fromElement;
       if (src.tagName == "A") {
           src.style.color = src.oldcol;
    src.style.font="12"
       }
   }
//-->
</script>

<!--##### CONTENT_START #####-->
<p><a href="script10854.html" target="Main" value="1">About Us</a> <br>
<a href="script10854.html" target="Main" value="2">Company History</a> <br>
<a href="script10854.html" target="Main" value="3">Service Service</a> <br>
<a href="script10854.html" target="Main" value="4">Company Vision</a> <br>
<a href="script10854.html" target="Main" value="5">E-Mail Us</a> <br>
<br clear="all">
<br>
<br><!--LEFT_COLUMN_END--> </p>
</body>