Rabu, 19 November 2025

JAVASCRIPT Trigonometry



JavaScript provides trigonometric functions as part of its built-in Math object. These functions operate on angles expressed in radians, not degrees.

Basic Trigonometric Functions:
  • Math.sin(x): Returns the sine of an angle x (in radians).
  • Math.cos(x): Returns the cosine of an angle x (in radians).
  • Math.tan(x): Returns the tangent of an angle x (in radians).
Inverse Trigonometric Functions:
  • Math.asin(x): 
    Returns the arcsine (inverse sine) of x in radians. The value of x must be between -1 and 1.
  • Math.acos(x): 
    Returns the arccosine (inverse cosine) of x in radians. The value of x must be between -1 and 1.
  • Math.atan(x): 
    Returns the arctangent (inverse tangent) of x in radians.
  • Math.atan2(y, x): 
    Returns the arctangent of the quotient of its arguments (y/x) in radians, considering the signs of both y and x to determine the correct quadrant.
Constants:
  • Math.PI: Represents the mathematical constant Pi (approximately 3.14159).
Converting Between Degrees and Radians:
Since JavaScript's trigonometric functions use radians, conversion is often necessary when working with angles in degrees.
  • Degrees to Radians: radians = degrees * (Math.PI / 180)
  • Radians to Degrees: degrees = radians * (180 / Math.PI)
Example Usage:
JavaScript
// Calculate sine of 90 degreesconst angleInDegrees = 90;const angleInRadians = angleInDegrees * (Math.PI / 180);const sineValue = Math.sin(angleInRadians); // Approximately 1// Calculate the angle (in radians) whose cosine is 0.5const cosineValue = 0.5;const angleFromCosine = Math.acos(cosineValue); // Approximately 1.047 radians (60 degrees)// Using Math.atan2 to get the angle from coordinatesconst y = 1;const x = 1;const angleFromCoordinates = Math.atan2(y, x); // Approximately 0.785 radians (45 degrees)
SAMPLE CODE<html>

<head>
<style>
A:link {color:rgb(255,132,72);text-decoration:none}
A:hover {color:rgb(255,132,72);text-decoration:underline}
A:visited {color:blue;text-decoration:none}
</style>
</head>

<body>
<div style="background-image: url('bar-up.gif'); height: 21">
  <img src=menu-up.gif width="153" height="21"></div>
<br>

<br>
<div style="height:21"><img src=menu.gif vspace=0 width="140" height="21"></div>
<div>
<table width=140 border=0 height=27 bgcolor=white style="border:1px solid orange">
<tr>
<td valign=top height="37" bgcolor="#FFFFCC" background=bg.gif>
<font color="#FF6600" face="Verdana">
<a href="profil.html">Profil</a><BR>
  <a href=".html">Menu Item 1</a><BR>
 <a href=".html">Menu Item 2</a><BR>
  <a href=".html">Menu Item 3</a><BR>
  <a href=".html">Menu Item 4</a><BR>
  <a href=".html">Menu Item 5</a><BR>
   <a href="data.html">Data Base</a>
</font>
</td>
</tr>
</table>
</div>
<BR>

<br>


<DIV ID = "fly1" STYLE="position:absolute;left:0px;top:0px;width:40px;height:40px;visibility:hidden;z-index:3;"> 
<A HREF = "belajar.html"><IMG SRC="1.gif" width="70" height="60" border=0 ></A> 
</DIV> 
<DIV ID = "fly2" STYLE="position:absolute;left:0px;top:0px;width:40px;height:40px;visibility:hidden;z-index:3;"> 
<A HREF = "komputer.html"><IMG SRC="2.gif" width="70" height="60" border=0 ></A> 
</DIV> 
<DIV ID = "fly3" STYLE="position:absolute;left:0px;top:0px;width:40px;height:40px;visibility:hidden;z-index:3;"> 
<A HREF = "denah.html"><IMG SRC="3.gif" width="70" height="60" border=0 ></A> 
</DIV> 
<DIV ID = "fly4" STYLE="position:absolute;left:0px;top:0px;width:40px;height:40px;visibility:hidden;z-index:3;"> 
<A HREF = "denah.html"><IMG SRC="4.gif" width="70" height="60" border=0 ></A> 
</DIV> 
<DIV ID = "fly5" STYLE="position:absolute;left:0px;top:0px;width:40px;height:40px;visibility:hidden;z-index:3;"> 
<A HREF = "network.html"><IMG SRC="5.gif" width="70" height="60" border=0 ></A> 
</DIV> 
<DIV ID = "fly6" STYLE="position:absolute;left:0px;top:0px;width:40px;height:40px;visibility:hidden;z-index:3;"> 
<A HREF = "osis.html"><IMG SRC="6.gif" width="70" height="60" border=0 ></A> 
</DIV> 

<SCRIPT LANGUAGE = "JavaScript"> 
var pos;var ra = 100;var rb = 100;var pi = Math.PI;var inc = pi / 180;var isNS = (navigator.appName == "Netscape" && parseInt

(navigator.appVersion) >= 4); 
var fly1 = (isNS) ? document.fly1 : document.all.fly1.style; 
var fly2 = (isNS) ? document.fly2 : document.all.fly2.style; 
var fly3 = (isNS) ? document.fly3 : document.all.fly3.style; 
var fly4 = (isNS) ? document.fly4 : document.all.fly4.style; 
var fly5 = (isNS) ? document.fly5 : document.all.fly5.style; 
var fly6 = (isNS) ? document.fly6 : document.all.fly6.style; 
var objets; 
objets = new Array(fly1, fly2, fly3, fly4, fly5, fly6);pos = new Array();pos[0] = 0; 
for (var i = 1; i < objets.length; i++) {pos[i] = parseFloat(pos[i - 1] + ((2 * pi) / objets.length));} 
function rotateObjets() { 
for (var i = 0; i < pos.length; i++) {pos[i] += inc;objets[i].left = (ra * Math.sqrt(pos[i])) + 250;objets[i].top = (rb * Math.tan(pos[i])) + 165;objets

[i].visibility = "visible";} 
rotateTimer = window.setTimeout("rotateObjets()", 50); 
} 
rotateObjets(); 
</SCRIPT> 
</body>
</html><html>

<head>
<style>
A:link {color:rgb(255,132,72);text-decoration:none}
A:hover {color:rgb(255,132,72);text-decoration:underline}
A:visited {color:blue;text-decoration:none}
</style>
</head>

<body>
<div style="background-image: url('bar-up.gif'); height: 21">
  <img src=menu-up.gif width="153" height="21"></div>
<br>
<br>
<div style="height:21"><img src=menu.gif vspace=0 width="140" height="21"></div>
<div>
<table width=140 border=0 height=27 bgcolor=white style="border:1px solid orange">
<tr>
<td valign=top height="37" bgcolor="#FFFFCC" background=bg.gif>
<font color="#FF6600" face="Verdana">
<a href="profil.html">Profil</a><BR>
  <a href=".html">Menu Item 1</a><BR>
 <a href=".html">Menu Item 2</a><BR>
  <a href=".html">Menu Item 3</a><BR>
  <a href=".html">Menu Item 4</a><BR>
  <a href=".html">Menu Item 5</a><BR>
   <a href="data.html">Data Base</a>
</font>
</td>
</tr>
</table>
</div>
<BR>

<br>


<DIV ID = "fly1" STYLE="position:absolute;left:0px;top:0px;width:40px;height:40px;visibility:hidden;z-index:3;"> 
<A HREF = "belajar.html"><IMG SRC="1.gif" width="70" height="60" border=0 ></A> 
</DIV> 
<DIV ID = "fly2" STYLE="position:absolute;left:0px;top:0px;width:40px;height:40px;visibility:hidden;z-index:3;"> 
<A HREF = "komputer.html"><IMG SRC="2.gif" width="70" height="60" border=0 ></A> 
</DIV> 
<DIV ID = "fly3" STYLE="position:absolute;left:0px;top:0px;width:40px;height:40px;visibility:hidden;z-index:3;"> 
<A HREF = "denah.html"><IMG SRC="3.gif" width="70" height="60" border=0 ></A> 
</DIV> 
<DIV ID = "fly4" STYLE="position:absolute;left:0px;top:0px;width:40px;height:40px;visibility:hidden;z-index:3;"> 
<A HREF = "denah.html"><IMG SRC="4.gif" width="70" height="60" border=0 ></A> 
</DIV> 
<DIV ID = "fly5" STYLE="position:absolute;left:0px;top:0px;width:40px;height:40px;visibility:hidden;z-index:3;"> 
<A HREF = "network.html"><IMG SRC="5.gif" width="70" height="60" border=0 ></A> 
</DIV> 
<DIV ID = "fly6" STYLE="position:absolute;left:0px;top:0px;width:40px;height:40px;visibility:hidden;z-index:3;"> 
<A HREF = "osis.html"><IMG SRC="6.gif" width="70" height="60" border=0 ></A> 
</DIV> 

<SCRIPT LANGUAGE = "JavaScript"> 
var pos;var ra = 100;var rb = 100;var pi = Math.PI;var inc = pi / 180;var isNS = (navigator.appName == "Netscape" && parseInt

(navigator.appVersion) >= 4); 
var fly1 = (isNS) ? document.fly1 : document.all.fly1.style; 
var fly2 = (isNS) ? document.fly2 : document.all.fly2.style; 
var fly3 = (isNS) ? document.fly3 : document.all.fly3.style; 
var fly4 = (isNS) ? document.fly4 : document.all.fly4.style; 
var fly5 = (isNS) ? document.fly5 : document.all.fly5.style; 
var fly6 = (isNS) ? document.fly6 : document.all.fly6.style; 
var objets; 
objets = new Array(fly1, fly2, fly3, fly4, fly5, fly6);pos = new Array();pos[0] = 0; 
for (var i = 1; i < objets.length; i++) {pos[i] = parseFloat(pos[i - 1] + ((2 * pi) / objets.length));} 
function rotateObjets() { 
for (var i = 0; i < pos.length; i++) {pos[i] += inc;objets[i].left = (ra * Math.cos(pos[i])) + 250;objets[i].top = (rb * Math.sin(pos[i])) + 165;objets

[i].visibility = "visible";} 
rotateTimer = window.setTimeout("rotateObjets()", 50); 
} 
rotateObjets(); 
</SCRIPT> 
</body>
</html><html>

<head>
<style>
A:link {color:rgb(255,132,72);text-decoration:none}
A:hover {color:rgb(255,132,72);text-decoration:underline}
A:visited {color:blue;text-decoration:none}
</style>
</head>

<body>
<div style="background-image: url('bar-up.gif'); height: 21">
  <img src=menu-up.gif width="153" height="21"></div>
<br>
<br>
<div style="height:21"><img src=menu.gif vspace=0 width="140" height="21"></div>
<div>
<table width=140 border=0 height=27 bgcolor=white style="border:1px solid orange">
<tr>
<td valign=top height="37" bgcolor="#FFFFCC" background=bg.gif>
<font color="#FF6600" face="Verdana">
<a href="profil.html">Profil</a><BR>
  <a href=".html">Menu Item 1</a><BR>
 <a href=".html">Menu Item 2</a><BR>
  <a href=".html">Menu Item 3</a><BR>
  <a href=".html">Menu Item 4</a><BR>
  <a href=".html">Menu Item 5</a><BR>
   <a href="data.html">Data Base</a>
</font>
</td>
</tr>
</table>
</div>
<BR>

<br>


<DIV ID = "fly1" STYLE="position:absolute;left:0px;top:0px;width:40px;height:40px;visibility:hidden;z-index:3;"> 
<A HREF = "belajar.html"><IMG SRC="1.gif" width="70" height="60" border=0 ></A> 
</DIV> 
<DIV ID = "fly2" STYLE="position:absolute;left:0px;top:0px;width:40px;height:40px;visibility:hidden;z-index:3;"> 
<A HREF = "komputer.html"><IMG SRC="2.gif" width="70" height="60" border=0 ></A> 
</DIV> 
<DIV ID = "fly3" STYLE="position:absolute;left:0px;top:0px;width:40px;height:40px;visibility:hidden;z-index:3;"> 
<A HREF = "denah.html"><IMG SRC="3.gif" width="70" height="60" border=0 ></A> 
</DIV> 
<DIV ID = "fly4" STYLE="position:absolute;left:0px;top:0px;width:40px;height:40px;visibility:hidden;z-index:3;"> 
<A HREF = "denah.html"><IMG SRC="4.gif" width="70" height="60" border=0 ></A> 
</DIV> 
<DIV ID = "fly5" STYLE="position:absolute;left:0px;top:0px;width:40px;height:40px;visibility:hidden;z-index:3;"> 
<A HREF = "network.html"><IMG SRC="5.gif" width="70" height="60" border=0 ></A> 
</DIV> 
<DIV ID = "fly6" STYLE="position:absolute;left:0px;top:0px;width:40px;height:40px;visibility:hidden;z-index:3;"> 
<A HREF = "osis.html"><IMG SRC="6.gif" width="70" height="60" border=0 ></A> 
</DIV> 

<SCRIPT LANGUAGE = "JavaScript"> 
var pos;var ra = 100;var rb = 100;var pi = Math.PI;var inc = pi / 180;var isNS = (navigator.appName == "Netscape" && parseInt

(navigator.appVersion) >= 4); 
var fly1 = (isNS) ? document.fly1 : document.all.fly1.style; 
var fly2 = (isNS) ? document.fly2 : document.all.fly2.style; 
var fly3 = (isNS) ? document.fly3 : document.all.fly3.style; 
var fly4 = (isNS) ? document.fly4 : document.all.fly4.style; 
var fly5 = (isNS) ? document.fly5 : document.all.fly5.style; 
var fly6 = (isNS) ? document.fly6 : document.all.fly6.style; 
var objets; 
objets = new Array(fly1, fly2, fly3, fly4, fly5, fly6);pos = new Array();pos[0] = 0; 
for (var i = 1; i < objets.length; i++) {pos[i] = parseFloat(pos[i - 1] + ((2 * pi) / objets.length));} 
function rotateObjets() { 
for (var i = 0; i < pos.length; i++) {pos[i] += inc;objets[i].left = (ra * Math.tan(pos[i])) + 250;objets[i].top = (rb * Math.sin(pos[i])) + 165;objets

[i].visibility = "visible";} 
rotateTimer = window.setTimeout("rotateObjets()", 50); 
} 
rotateObjets(); 
</SCRIPT> 
</body>
</html><html>

<head>
<style>
A:link {color:rgb(255,132,72);text-decoration:none}
A:hover {color:rgb(255,132,72);text-decoration:underline}
A:visited {color:blue;text-decoration:none}
</style>
</head>

<body>
<div style="background-image: url('bar-up.gif'); height: 21">
  <img src=menu-up.gif width="153" height="21"></div>
<br>
<br>
<div style="height:21"><img src=menu.gif vspace=0 width="140" height="21"></div>
<div>
<table width=140 border=0 height=27 bgcolor=white style="border:1px solid orange">
<tr>
<td valign=top height="37" bgcolor="#FFFFCC" background=bg.gif>
<font color="#FF6600" face="Verdana">
<a href="profil.html">Profil</a><BR>
  <a href=".html">Menu Item 1</a><BR>
 <a href=".html">Menu Item 2</a><BR>
  <a href=".html">Menu Item 3</a><BR>
  <a href=".html">Menu Item 4</a><BR>
  <a href=".html">Menu Item 5</a><BR>
   <a href="data.html">Data Base</a>
</font>
</td>
</tr>
</table>
</div>
<BR>

<br>


<DIV ID = "fly1" STYLE="position:absolute;left:0px;top:0px;width:40px;height:40px;visibility:hidden;z-index:3;"> 
<A HREF = "belajar.html"><IMG SRC="1.gif" width="70" height="60" border=0 ></A> 
</DIV> 
<DIV ID = "fly2" STYLE="position:absolute;left:0px;top:0px;width:40px;height:40px;visibility:hidden;z-index:3;"> 
<A HREF = "komputer.html"><IMG SRC="2.gif" width="70" height="60" border=0 ></A> 
</DIV> 
<DIV ID = "fly3" STYLE="position:absolute;left:0px;top:0px;width:40px;height:40px;visibility:hidden;z-index:3;"> 
<A HREF = "denah.html"><IMG SRC="3.gif" width="70" height="60" border=0 ></A> 
</DIV> 
<DIV ID = "fly4" STYLE="position:absolute;left:0px;top:0px;width:40px;height:40px;visibility:hidden;z-index:3;"> 
<A HREF = "denah.html"><IMG SRC="4.gif" width="70" height="60" border=0 ></A> 
</DIV> 
<DIV ID = "fly5" STYLE="position:absolute;left:0px;top:0px;width:40px;height:40px;visibility:hidden;z-index:3;"> 
<A HREF = "network.html"><IMG SRC="5.gif" width="70" height="60" border=0 ></A> 
</DIV> 
<DIV ID = "fly6" STYLE="position:absolute;left:0px;top:0px;width:40px;height:40px;visibility:hidden;z-index:3;"> 
<A HREF = "osis.html"><IMG SRC="6.gif" width="70" height="60" border=0 ></A> 
</DIV> 

<SCRIPT LANGUAGE = "JavaScript"> 
var pos;var ra = 100;var rb = 100;var pi = Math.PI;var inc = pi / 180;var isNS = (navigator.appName == "Netscape" && parseInt

(navigator.appVersion) >= 4); 
var fly1 = (isNS) ? document.fly1 : document.all.fly1.style; 
var fly2 = (isNS) ? document.fly2 : document.all.fly2.style; 
var fly3 = (isNS) ? document.fly3 : document.all.fly3.style; 
var fly4 = (isNS) ? document.fly4 : document.all.fly4.style; 
var fly5 = (isNS) ? document.fly5 : document.all.fly5.style; 
var fly6 = (isNS) ? document.fly6 : document.all.fly6.style; 
var objets; 
objets = new Array(fly1, fly2, fly3, fly4, fly5, fly6);pos = new Array();pos[0] = 0; 
for (var i = 1; i < objets.length; i++) {pos[i] = parseFloat(pos[i - 1] + ((2 * pi) / objets.length));} 
function rotateObjets() { 
for (var i = 0; i < pos.length; i++) {pos[i] += inc;objets[i].left = (ra * Math.cos(pos[i])) + 250;objets[i].top = (rb * Math.tan(pos[i])) + 165;objets

[i].visibility = "visible";} 
rotateTimer = window.setTimeout("rotateObjets()", 50); 
} 
rotateObjets(); 
</SCRIPT> 
</body>
</html>
<html>

<head>
<style>
A:link {color:rgb(255,132,72);text-decoration:none}
A:hover {color:rgb(255,132,72);text-decoration:underline}
A:visited {color:blue;text-decoration:none}
</style>
</head>

<body>
<div style="background-image: url('bar-up.gif'); height: 21">
  <img src=menu-up.gif width="153" height="21"></div>
<br>
<br>
<div style="height:21"><img src=menu.gif vspace=0 width="140" height="21"></div>
<div>
<table width=140 border=0 height=27 bgcolor=white style="border:1px solid orange">
<tr>
<td valign=top height="37" bgcolor="#FFFFCC" background=bg.gif>
<font color="#FF6600" face="Verdana">
<a href="profil.html">Profil</a><BR>
  <a href=".html">Menu Item 1</a><BR>
 <a href=".html">Menu Item 2</a><BR>
  <a href=".html">Menu Item 3</a><BR>
  <a href=".html">Menu Item 4</a><BR>
  <a href=".html">Menu Item 5</a><BR>
   <a href="data.html">Data Base</a>
</font>
</td>
</tr>
</table>
</div>
<BR>

<br>


<DIV ID = "fly1" STYLE="position:absolute;left:0px;top:0px;width:40px;height:40px;visibility:hidden;z-index:3;"> 
<A HREF = "belajar.html"><IMG SRC="1.gif" width="70" height="60" border=0 ></A> 
</DIV> 
<DIV ID = "fly2" STYLE="position:absolute;left:0px;top:0px;width:40px;height:40px;visibility:hidden;z-index:3;"> 
<A HREF = "komputer.html"><IMG SRC="2.gif" width="70" height="60" border=0 ></A> 
</DIV> 
<DIV ID = "fly3" STYLE="position:absolute;left:0px;top:0px;width:40px;height:40px;visibility:hidden;z-index:3;"> 
<A HREF = "denah.html"><IMG SRC="3.gif" width="70" height="60" border=0 ></A> 
</DIV> 
<DIV ID = "fly4" STYLE="position:absolute;left:0px;top:0px;width:40px;height:40px;visibility:hidden;z-index:3;"> 
<A HREF = "denah.html"><IMG SRC="4.gif" width="70" height="60" border=0 ></A> 
</DIV> 
<DIV ID = "fly5" STYLE="position:absolute;left:0px;top:0px;width:40px;height:40px;visibility:hidden;z-index:3;"> 
<A HREF = "network.html"><IMG SRC="5.gif" width="70" height="60" border=0 ></A> 
</DIV> 
<DIV ID = "fly6" STYLE="position:absolute;left:0px;top:0px;width:40px;height:40px;visibility:hidden;z-index:3;"> 
<A HREF = "osis.html"><IMG SRC="6.gif" width="70" height="60" border=0 ></A> 
</DIV> 

<SCRIPT LANGUAGE = "JavaScript"> 
var pos;var ra = 100;var rb = 100;var pi = Math.PI;var inc = pi / 180;var isNS = (navigator.appName == "Netscape" && parseInt

(navigator.appVersion) >= 4); 
var fly1 = (isNS) ? document.fly1 : document.all.fly1.style; 
var fly2 = (isNS) ? document.fly2 : document.all.fly2.style; 
var fly3 = (isNS) ? document.fly3 : document.all.fly3.style; 
var fly4 = (isNS) ? document.fly4 : document.all.fly4.style; 
var fly5 = (isNS) ? document.fly5 : document.all.fly5.style; 
var fly6 = (isNS) ? document.fly6 : document.all.fly6.style; 
var objets; 
objets = new Array(fly1, fly2, fly3, fly4, fly5, fly6);pos = new Array();pos[0] = 0; 
for (var i = 1; i < objets.length; i++) {pos[i] = parseFloat(pos[i - 1] + ((2 * pi) / objets.length));} 
function rotateObjets() { 
for (var i = 0; i < pos.length; i++) {pos[i] += inc;objets[i].left = (ra * Math.cos(pos[i])) + 250;objets[i].top = (rb * Math.atan(pos[i])) + 165;objets

[i].visibility = "visible";} 
rotateTimer = window.setTimeout("rotateObjets()", 50); 
} 
rotateObjets(); 
</SCRIPT> 
</body>
</html>




<html>

<head>
<style>
A:link {color:rgb(255,132,72);text-decoration:none}
A:hover {color:rgb(255,132,72);text-decoration:underline}
A:visited {color:blue;text-decoration:none}
</style>
</head>

<body>
<div style="background-image: url('bar-up.gif'); height: 21">
  <img src=menu-up.gif width="153" height="21"></div>
<br>
<br>
<div style="height:21"><img src=menu.gif vspace=0 width="140" height="21"></div>
<div>
<table width=140 border=0 height=27 bgcolor=white style="border:1px solid orange">
<tr>
<td valign=top height="37" bgcolor="#FFFFCC" background=bg.gif>
<font color="#FF6600" face="Verdana">
<a href="profil.html">Profil</a><BR>
  <a href=".html">Menu Item 1</a><BR>
 <a href=".html">Menu Item 2</a><BR>
  <a href=".html">Menu Item 3</a><BR>
  <a href=".html">Menu Item 4</a><BR>
  <a href=".html">Menu Item 5</a><BR>
   <a href="data.html">Data Base</a>
</font>
</td>
</tr>
</table>
</div>
<BR>

<br>


<DIV ID = "fly1" STYLE="position:absolute;left:0px;top:0px;width:40px;height:40px;visibility:hidden;z-index:3;"> 
<A HREF = "belajar.html"><IMG SRC="1.gif" width="70" height="60" border=0 ></A> 
</DIV> 
<DIV ID = "fly2" STYLE="position:absolute;left:0px;top:0px;width:40px;height:40px;visibility:hidden;z-index:3;"> 
<A HREF = "komputer.html"><IMG SRC="2.gif" width="70" height="60" border=0 ></A> 
</DIV> 
<DIV ID = "fly3" STYLE="position:absolute;left:0px;top:0px;width:40px;height:40px;visibility:hidden;z-index:3;"> 
<A HREF = "denah.html"><IMG SRC="3.gif" width="70" height="60" border=0 ></A> 
</DIV> 
<DIV ID = "fly4" STYLE="position:absolute;left:0px;top:0px;width:40px;height:40px;visibility:hidden;z-index:3;"> 
<A HREF = "denah.html"><IMG SRC="4.gif" width="70" height="60" border=0 ></A> 
</DIV> 
<DIV ID = "fly5" STYLE="position:absolute;left:0px;top:0px;width:40px;height:40px;visibility:hidden;z-index:3;"> 
<A HREF = "network.html"><IMG SRC="5.gif" width="70" height="60" border=0 ></A> 
</DIV> 
<DIV ID = "fly6" STYLE="position:absolute;left:0px;top:0px;width:40px;height:40px;visibility:hidden;z-index:3;"> 
<A HREF = "osis.html"><IMG SRC="6.gif" width="70" height="60" border=0 ></A> 
</DIV> 

<SCRIPT LANGUAGE = "JavaScript"> 
var pos;var ra = 100;var rb = 100;var pi = Math.PI;var inc = pi / 180;var isNS = (navigator.appName == "Netscape" && parseInt

(navigator.appVersion) >= 4); 
var fly1 = (isNS) ? document.fly1 : document.all.fly1.style; 
var fly2 = (isNS) ? document.fly2 : document.all.fly2.style; 
var fly3 = (isNS) ? document.fly3 : document.all.fly3.style; 
var fly4 = (isNS) ? document.fly4 : document.all.fly4.style; 
var fly5 = (isNS) ? document.fly5 : document.all.fly5.style; 
var fly6 = (isNS) ? document.fly6 : document.all.fly6.style; 
var objets; 
objets = new Array(fly1, fly2, fly3, fly4, fly5, fly6);pos = new Array();pos[0] = 0; 
for (var i = 1; i < objets.length; i++) {pos[i] = parseFloat(pos[i - 1] + ((2 * pi) / objets.length));} 
function rotateObjets() { 
for (var i = 0; i < pos.length; i++) {pos[i] += inc;objets[i].left = (ra * Math.tan(pos[i])) + 250;objets[i].top = (rb * Math.atan(pos[i])) + 165;objets

[i].visibility = "visible";} 
rotateTimer = window.setTimeout("rotateObjets()", 50); 
} 
rotateObjets(); 
</SCRIPT> 
</body>
</html>

<html>

<head>
<style>
A:link {color:rgb(255,132,72);text-decoration:none}
A:hover {color:rgb(255,132,72);text-decoration:underline}
A:visited {color:blue;text-decoration:none}
</style>
</head>

<body>
<div style="background-image: url('bar-up.gif'); height: 21">
  <img src=menu-up.gif width="153" height="21"></div>
<br>
<br>
<div style="height:21"><img src=menu.gif vspace=0 width="140" height="21"></div>
<div>
<table width=140 border=0 height=27 bgcolor=white style="border:1px solid orange">
<tr>
<td valign=top height="37" bgcolor="#FFFFCC" background=bg.gif>
<font color="#FF6600" face="Verdana">
<a href="profil.html">Profil</a><BR>
  <a href=".html">Menu Item 1</a><BR>
 <a href=".html">Menu Item 2</a><BR>
  <a href=".html">Menu Item 3</a><BR>
  <a href=".html">Menu Item 4</a><BR>
  <a href=".html">Menu Item 5</a><BR>
   <a href="data.html">Data Base</a>
</font>
</td>
</tr>
</table>
</div>
<BR>

<br>


<DIV ID = "fly1" STYLE="position:absolute;left:0px;top:0px;width:40px;height:40px;visibility:hidden;z-index:3;"> 
<A HREF = "belajar.html"><IMG SRC="1.gif" width="70" height="60" border=0 ></A> 
</DIV> 
<DIV ID = "fly2" STYLE="position:absolute;left:0px;top:0px;width:40px;height:40px;visibility:hidden;z-index:3;"> 
<A HREF = "komputer.html"><IMG SRC="2.gif" width="70" height="60" border=0 ></A> 
</DIV> 
<DIV ID = "fly3" STYLE="position:absolute;left:0px;top:0px;width:40px;height:40px;visibility:hidden;z-index:3;"> 
<A HREF = "denah.html"><IMG SRC="3.gif" width="70" height="60" border=0 ></A> 
</DIV> 
<DIV ID = "fly4" STYLE="position:absolute;left:0px;top:0px;width:40px;height:40px;visibility:hidden;z-index:3;"> 
<A HREF = "denah.html"><IMG SRC="4.gif" width="70" height="60" border=0 ></A> 
</DIV> 
<DIV ID = "fly5" STYLE="position:absolute;left:0px;top:0px;width:40px;height:40px;visibility:hidden;z-index:3;"> 
<A HREF = "network.html"><IMG SRC="5.gif" width="70" height="60" border=0 ></A> 
</DIV> 
<DIV ID = "fly6" STYLE="position:absolute;left:0px;top:0px;width:40px;height:40px;visibility:hidden;z-index:3;"> 
<A HREF = "osis.html"><IMG SRC="6.gif" width="70" height="60" border=0 ></A> 
</DIV> 

<SCRIPT LANGUAGE = "JavaScript"> 
var pos;var ra = 100;var rb = 100;var pi = Math.PI;var inc = pi / 180;var isNS = (navigator.appName == "Netscape" && parseInt

(navigator.appVersion) >= 4); 
var fly1 = (isNS) ? document.fly1 : document.all.fly1.style; 
var fly2 = (isNS) ? document.fly2 : document.all.fly2.style; 
var fly3 = (isNS) ? document.fly3 : document.all.fly3.style; 
var fly4 = (isNS) ? document.fly4 : document.all.fly4.style; 
var fly5 = (isNS) ? document.fly5 : document.all.fly5.style; 
var fly6 = (isNS) ? document.fly6 : document.all.fly6.style; 
var objets; 
objets = new Array(fly1, fly2, fly3, fly4, fly5, fly6);pos = new Array();pos[0] = 0; 
for (var i = 1; i < objets.length; i++) {pos[i] = parseFloat(pos[i - 1] + ((2 * pi) / objets.length));} 
function rotateObjets() { 
for (var i = 0; i < pos.length; i++) {pos[i] += inc;objets[i].left = (ra * Math.atan(pos[i])) + 250;objets[i].top = (rb * Math.atan(pos[i])) + 165;objets

[i].visibility = "visible";} 
rotateTimer = window.setTimeout("rotateObjets()", 50); 
} 
rotateObjets(); 
</SCRIPT> 
</body>
</html>




<html>

<head>
<style>
A:link {color:rgb(255,132,72);text-decoration:none}
A:hover {color:rgb(255,132,72);text-decoration:underline}
A:visited {color:blue;text-decoration:none}
</style>
</head>

<body>
<div style="background-image: url('bar-up.gif'); height: 21">
  <img src=menu-up.gif width="153" height="21"></div>
<br>
<br>
<div style="height:21"><img src=menu.gif vspace=0 width="140" height="21"></div>
<div>
<table width=140 border=0 height=27 bgcolor=white style="border:1px solid orange">
<tr>
<td valign=top height="37" bgcolor="#FFFFCC" background=bg.gif>
<font color="#FF6600" face="Verdana">
<a href="profil.html">Profil</a><BR>
  <a href=".html">Menu Item 1</a><BR>
 <a href=".html">Menu Item 2</a><BR>
  <a href=".html">Menu Item 3</a><BR>
  <a href=".html">Menu Item 4</a><BR>
  <a href=".html">Menu Item 5</a><BR>
   <a href="data.html">Data Base</a>
</font>
</td>
</tr>
</table>
</div>
<BR>

<br>


<DIV ID = "fly1" STYLE="position:absolute;left:0px;top:0px;width:40px;height:40px;visibility:hidden;z-index:3;"> 
<A HREF = "belajar.html"><IMG SRC="1.gif" width="70" height="60" border=0 ></A> 
</DIV> 
<DIV ID = "fly2" STYLE="position:absolute;left:0px;top:0px;width:40px;height:40px;visibility:hidden;z-index:3;"> 
<A HREF = "komputer.html"><IMG SRC="2.gif" width="70" height="60" border=0 ></A> 
</DIV> 
<DIV ID = "fly3" STYLE="position:absolute;left:0px;top:0px;width:40px;height:40px;visibility:hidden;z-index:3;"> 
<A HREF = "denah.html"><IMG SRC="3.gif" width="70" height="60" border=0 ></A> 
</DIV> 
<DIV ID = "fly4" STYLE="position:absolute;left:0px;top:0px;width:40px;height:40px;visibility:hidden;z-index:3;"> 
<A HREF = "denah.html"><IMG SRC="4.gif" width="70" height="60" border=0 ></A> 
</DIV> 
<DIV ID = "fly5" STYLE="position:absolute;left:0px;top:0px;width:40px;height:40px;visibility:hidden;z-index:3;"> 
<A HREF = "network.html"><IMG SRC="5.gif" width="70" height="60" border=0 ></A> 
</DIV> 
<DIV ID = "fly6" STYLE="position:absolute;left:0px;top:0px;width:40px;height:40px;visibility:hidden;z-index:3;"> 
<A HREF = "osis.html"><IMG SRC="6.gif" width="70" height="60" border=0 ></A> 
</DIV> 

<SCRIPT LANGUAGE = "JavaScript"> 
var pos;var ra = 100;var rb = 100;var pi = Math.PI;var inc = pi / 180;var isNS = (navigator.appName == "Netscape" && parseInt

(navigator.appVersion) >= 4); 
var fly1 = (isNS) ? document.fly1 : document.all.fly1.style; 
var fly2 = (isNS) ? document.fly2 : document.all.fly2.style; 
var fly3 = (isNS) ? document.fly3 : document.all.fly3.style; 
var fly4 = (isNS) ? document.fly4 : document.all.fly4.style; 
var fly5 = (isNS) ? document.fly5 : document.all.fly5.style; 
var fly6 = (isNS) ? document.fly6 : document.all.fly6.style; 
var objets; 
objets = new Array(fly1, fly2, fly3, fly4, fly5, fly6);pos = new Array();pos[0] = 0; 
for (var i = 1; i < objets.length; i++) {pos[i] = parseFloat(pos[i - 1] + ((2 * pi) / objets.length));} 
function rotateObjets() { 
for (var i = 0; i < pos.length; i++) {pos[i] += inc;objets[i].left = (ra * Math.random(pos[i])) + 250;objets[i].top = (rb * Math.atan(pos[i])) + 165;objets

[i].visibility = "visible";} 
rotateTimer = window.setTimeout("rotateObjets()", 50); 
} 
rotateObjets(); 
</SCRIPT> 
</body>
</html>



<html>

<head>
<style>
A:link {color:rgb(255,132,72);text-decoration:none}
A:hover {color:rgb(255,132,72);text-decoration:underline}
A:visited {color:blue;text-decoration:none}
</style>
</head>

<body>
<div style="background-image: url('bar-up.gif'); height: 21">
  <img src=menu-up.gif width="153" height="21"></div>
<br>
<br>
<div style="height:21"><img src=menu.gif vspace=0 width="140" height="21"></div>
<div>
<table width=140 border=0 height=27 bgcolor=white style="border:1px solid orange">
<tr>
<td valign=top height="37" bgcolor="#FFFFCC" background=bg.gif>
<font color="#FF6600" face="Verdana">
<a href="profil.html">Profil</a><BR>
  <a href=".html">Menu Item 1</a><BR>
 <a href=".html">Menu Item 2</a><BR>
  <a href=".html">Menu Item 3</a><BR>
  <a href=".html">Menu Item 4</a><BR>
  <a href=".html">Menu Item 5</a><BR>
   <a href="data.html">Data Base</a>
</font>
</td>
</tr>
</table>
</div>
<BR>
<br>


<DIV ID = "fly1" STYLE="position:absolute;left:0px;top:0px;width:40px;height:40px;visibility:hidden;z-index:3;"> 
<A HREF = "belajar.html"><IMG SRC="1.gif" width="70" height="60" border=0 ></A> 
</DIV> 
<DIV ID = "fly2" STYLE="position:absolute;left:0px;top:0px;width:40px;height:40px;visibility:hidden;z-index:3;"> 
<A HREF = "komputer.html"><IMG SRC="2.gif" width="70" height="60" border=0 ></A> 
</DIV> 
<DIV ID = "fly3" STYLE="position:absolute;left:0px;top:0px;width:40px;height:40px;visibility:hidden;z-index:3;"> 
<A HREF = "denah.html"><IMG SRC="3.gif" width="70" height="60" border=0 ></A> 
</DIV> 
<DIV ID = "fly4" STYLE="position:absolute;left:0px;top:0px;width:40px;height:40px;visibility:hidden;z-index:3;"> 
<A HREF = "denah.html"><IMG SRC="4.gif" width="70" height="60" border=0 ></A> 
</DIV> 
<DIV ID = "fly5" STYLE="position:absolute;left:0px;top:0px;width:40px;height:40px;visibility:hidden;z-index:3;"> 
<A HREF = "network.html"><IMG SRC="5.gif" width="70" height="60" border=0 ></A> 
</DIV> 
<DIV ID = "fly6" STYLE="position:absolute;left:0px;top:0px;width:40px;height:40px;visibility:hidden;z-index:3;"> 
<A HREF = "osis.html"><IMG SRC="6.gif" width="70" height="60" border=0 ></A> 
</DIV> 

<SCRIPT LANGUAGE = "JavaScript"> 
var pos;var ra = 100;var rb = 100;var pi = Math.PI;var inc = pi / 180;var isNS = (navigator.appName == "Netscape" && parseInt

(navigator.appVersion) >= 4); 
var fly1 = (isNS) ? document.fly1 : document.all.fly1.style; 
var fly2 = (isNS) ? document.fly2 : document.all.fly2.style; 
var fly3 = (isNS) ? document.fly3 : document.all.fly3.style; 
var fly4 = (isNS) ? document.fly4 : document.all.fly4.style; 
var fly5 = (isNS) ? document.fly5 : document.all.fly5.style; 
var fly6 = (isNS) ? document.fly6 : document.all.fly6.style; 
var objets; 
objets = new Array(fly1, fly2, fly3, fly4, fly5, fly6);pos = new Array();pos[0] = 0; 
for (var i = 1; i < objets.length; i++) {pos[i] = parseFloat(pos[i - 1] + ((2 * pi) / objets.length));} 
function rotateObjets() { 
for (var i = 0; i < pos.length; i++) {pos[i] += inc;objets[i].left = (ra * Math.floor(pos[i])) + 150;objets[i].top = (rb * Math.atan(pos[i])) + 165;objets

[i].visibility = "visible";} 
rotateTimer = window.setTimeout("rotateObjets()", 50); 
} 
rotateObjets(); 
</SCRIPT> 
</body>
</html>






<html>

<head>
<style>
A:link {color:rgb(255,132,72);text-decoration:none}
A:hover {color:rgb(255,132,72);text-decoration:underline}
A:visited {color:blue;text-decoration:none}
</style>
</head>

<body>
<div style="background-image: url('bar-up.gif'); height: 21">
  <img src=menu-up.gif width="153" height="21"></div>
<br>
<br>
<div style="height:21"><img src=menu.gif vspace=0 width="140" 

height="21"></div>
<div>
<table width=140 border=0 height=27 bgcolor=white style="border:1px 

solid orange">
<tr>
<td valign=top height="37" bgcolor="#FFFFCC" background=bg.gif>
<font color="#FF6600" face="Verdana">
<a href="profil.html">Profil</a><BR>
  <a href=".html">Menu Item 1</a><BR>
 <a href=".html">Menu Item 2</a><BR>
  <a href=".html">Menu Item 3</a><BR>
  <a href=".html">Menu Item 4</a><BR>
  <a href=".html">Menu Item 5</a><BR>
   <a href="data.html">Data Base</a>
</font>
</td>
</tr>
</table>
</div>
<BR>
<br>


<DIV ID = "fly1" 

STYLE="position:absolute;left:0px;top:0px;width:40px;height:40px;visib

ility:hidden;z-index:3;"> 
<A HREF = "belajar.html"><IMG SRC="1.gif" width="70" height="60" 

border=0 ></A> 
</DIV> 
<DIV ID = "fly2" 

STYLE="position:absolute;left:0px;top:0px;width:40px;height:40px;visib

ility:hidden;z-index:3;"> 
<A HREF = "komputer.html"><IMG SRC="2.gif" width="70" height="60" 

border=0 ></A> 
</DIV> 
<DIV ID = "fly3" 

STYLE="position:absolute;left:0px;top:0px;width:40px;height:40px;visib

ility:hidden;z-index:3;"> 
<A HREF = "denah.html"><IMG SRC="3.gif" width="70" height="60" 

border=0 ></A> 
</DIV> 
<DIV ID = "fly4" 

STYLE="position:absolute;left:0px;top:0px;width:40px;height:40px;visib

ility:hidden;z-index:3;"> 
<A HREF = "denah.html"><IMG SRC="4.gif" width="70" height="60" 

border=0 ></A> 
</DIV> 
<DIV ID = "fly5" 

STYLE="position:absolute;left:0px;top:0px;width:40px;height:40px;visib

ility:hidden;z-index:3;"> 
<A HREF = "network.html"><IMG SRC="5.gif" width="70" height="60" 

border=0 ></A> 
</DIV> 
<DIV ID = "fly6" 

STYLE="position:absolute;left:0px;top:0px;width:40px;height:40px;visib

ility:hidden;z-index:3;"> 
<A HREF = "osis.html"><IMG SRC="6.gif" width="70" height="60" 

border=0 ></A> 
</DIV> 

<SCRIPT LANGUAGE = "JavaScript"> 
var pos;var ra = 100;var rb = 100;var pi = Math.PI;var inc = pi / 180;var 

isNS = (navigator.appName == "Netscape" && parseInt

(navigator.appVersion) >= 4); 
var fly1 = (isNS) ? document.fly1 : document.all.fly1.style; 
var fly2 = (isNS) ? document.fly2 : document.all.fly2.style; 
var fly3 = (isNS) ? document.fly3 : document.all.fly3.style; 
var fly4 = (isNS) ? document.fly4 : document.all.fly4.style; 
var fly5 = (isNS) ? document.fly5 : document.all.fly5.style; 
var fly6 = (isNS) ? document.fly6 : document.all.fly6.style; 
var objets; 
objets = new Array(fly1, fly2, fly3, fly4, fly5, fly6);pos = new Array();pos[0] = 

0; 
for (var i = 1; i < objets.length; i++) {pos[i] = parseFloat(pos[i - 1] + ((2 * pi) / 

objets.length));} 
function rotateObjets() { 
for (var i = 0; i < pos.length; i++) {pos[i] += inc;objets[i].left = (ra * 

Math.floor(pos[i])) + 150;objets[i].top = (rb * Math.sin(pos[i])) + 165;objets

[i].visibility = "visible";} 
rotateTimer = window.setTimeout("rotateObjets()", 50); 
} 
rotateObjets(); 
</SCRIPT> 
</body>
</html>
Diposting oleh di

Tidak ada komentar:

Posting Komentar

Langganan: Posting Komentar (Atom)