Thursday, August 16, 2007

TUTORIAL MEMBUAT SITE (Course 4 [ contoh script-3 ] )

lO BISA NAROH APA AJA DISINI! cOBA DEH!

<html>
<head>
<title>Scrolling Text</title>
<script language="javascript">
//ENTER CONTENT TO SCROLL BELOW.
var content='<div align="center">BLACK_CLAW</div><p>Maen aja ae <a href="http://www.aniplasma.co.nr";>Aniplasma</a> kalo lo mau dapetin anime thing yang gratis! Gue jamin 100%! satu satunya yang harus lo bayar hanyalah BIYAYA INTERNET lo!</a>';

var boxheight=150; // BACKGROUND BOX HEIGHT IN PIXELS.
var boxwidth=150; // BACKGROUND BOX WIDTH IN PIXELS.
var boxcolor="#E9F0F8"; // BACKGROUND BOX COLOR.
var speed=50; // SPEED OF SCROLL IN MILLISECONDS (1 SECOND=1000 MILLISECONDS)..
var pixelstep=2; // PIXELS "STEPS" PER REPITITION.
var godown=false; // TOP TO BOTTOM=TRUE , BOTTOM TO TOP=FALSE

// DO NOT EDIT BEYOND THIS POINT

var outer,inner,elementheight,ref,refX,refY;
var w3c=(document.getElementById)?true:false;
var ns4=(document.layers)?true:false;
var ie4=(document.all && !w3c)?true:false;
var ie5=(document.all && w3c)?true:false;
var ns6=(w3c && navigator.appName.indexOf("Netscape")>=0)?true:false;
var txt='';
if(ns4){
txt+='<table cellpadding=0 cellspacing=0 border=0 height='+boxheight+' width='+boxwidth+'><tr><td>';
txt+='<ilayer name="ref" bgcolor="'+boxcolor+'" width='+boxwidth+' height='+boxheight+'></ilayer>';
txt+='</td></tr></table>'
txt+='<layer name="outer" bgcolor="'+boxcolor+'" visibility="hidden" width='+boxwidth+' height='+boxheight+'>';
txt+='<layer name="inner" width='+(boxwidth-4)+' height='+(boxheight-4)+' visibility="hidden" left="2" top="2" >'+content+'</layer>';
txt+='</layer>';
}else{
txt+='<div id="ref" style="position:relative; width:'+boxwidth+'; height:'+boxheight+'; background-color:'+boxcolor+';" ></div>';
txt+='<div id="outer" style="position:absolute; width:'+boxwidth+'; height:'+boxheight+'; visibility:hidden; background-color:'+boxcolor+'; overflow:hidden" >';
txt+='<div id="inner" style="position:absolute; visibility:visible; left:2px; top:2px; width:'+(boxwidth-4)+'; overflow:hidden; cursor:default;">'+content+'</div>';
txt+='</div>';
}
document.write(txt);

function getElHeight(el){
if(ns4)return (el.document.height)? el.document.height : el.clip.bottom-el.clip.top;
else if(ie4||ie5)return (el.style.height)? el.style.height : el.clientHeight;
else return (el.style.height)? parseInt(el.style.height):parseInt(el.offsetHeight);
}

function getPageLeft(el){
var x;
if(ns4)return el.pageX;
if(ie4||w3c){
x = 0;
while(el.offsetParent!=null){
x+=el.offsetLeft;
el=el.offsetParent;
}
x+=el.offsetLeft;
return x;
}}

function getPageTop(el){
var y;
if(ns4)return el.pageY;
if(ie4||w3c){
y=0;
while(el.offsetParent!=null){
y+=el.offsetTop;
el=el.offsetParent;
}
y+=el.offsetTop;
return y;
}}

function scrollbox(){
if(ns4){
inner.top+=(godown)? pixelstep: -pixelstep;
if(godown){
if(inner.top>boxheight)inner.top=-elementheight;
}else{
if(inner.top<2-elementheight)inner.top=boxheight+2;
}}else{
inner.style.top=parseInt(inner.style.top)+((godown)? pixelstep: -pixelstep)+'px';
if(godown){
if(parseInt(inner.style.top)>boxheight)inner.style.top=-elementheight+'px';
}else{
if(parseInt(inner.style.top)<2-elementheight)inner.style.top=boxheight+2+'px';
}}}

window.onresize=function(){
if(ns4)setTimeout('history.go(0)', 400);
else{
outer.style.left=getPageLeft(ref)+'px';
outer.style.top=getPageTop(ref)+'px';
}}

window.onload=function(){
outer=(ns4)?document.layers['outer']:(ie4)?document.all['outer']:document.getElementById('outer');
inner=(ns4)?outer.document.layers['inner']:( ie4)?document.all['inner']:document.getElementById('inner');
ref=(ns4)?document.layers['ref']:( ie4)?document.all['ref']:document.getElementById('ref');
elementheight=getElHeight(inner);
if(ns4){
outer.moveTo(getPageLeft(ref),getPageTop(ref));
outer.clip.width=boxwidth;
outer.clip.height=boxheight;
inner.top=(godown)? -elementheight : boxheight-2;
inner.clip.width=boxwidth-4;
inner.clip.height=elementheight;
outer.visibility="show";
inner.visibility="show";
}else{
outer.style.left=getPageLeft(ref)+'px';
outer.style.top=getPageTop(ref)+'px';
inner.style.top=((godown)? -elementheight : boxheight)+'px';
inner.style.clip='rect(0px, '+(boxwidth-4)+'px, '+(elementheight)+'px, 0px)';
outer.style.visibility="visible";
}
setInterval('scrollbox()',speed);
}
</script>
<style type="text/css">
A:link {font: bold 12px tahoma; color: #004891; text-decoration: underline;}
A:visited {font: bold 12px tahoma; color: #004891; text-decoration: underline;}
A:hover {font: bold 12px tahoma; color: #E9F0F8; text-decoration: underline;}
</style>
</head>
<body>
</body>
</html>

Cool new window!
<style fprolloverstyle>A:hover {color: #FF9900; font-weight: bold}
</style>
Membuka window baru tapi lebih keren. Dia nge ZIPPPP!!!!!

<!-- STEP ONE: Paste this code into the HEAD of your HTML document -->
<head>
<script language="JavaScript">
<!-- hiding
function expand() {
for(x = 0; x < 50; x++) {
window.moveTo(screen.availWidth * -(x - 50) / 100, screen.availHeight * -(x - 50) / 100);
window.resizeTo(screen.availWidth * x / 50, screen.availHeight * x / 50);
}
window.moveTo(0,0);
window.resizeTo(screen.availWidth, screen.availHeight);
}
// End -->
</script>
</head>
<!-- STEP TWO: Copy this code into the BODY of your HTML document -->
<body text="#00FF00" bgcolor="#000000">
<a href="www.aniplasma.co.nr"; onClick="expand();">Klik Disini.</a>
TEXT NANGKRING
<html>
<title>Floating Layer</title>
<head>
<script language="JavaScript">
<!-- hiding
window.onerror = null;
var topMargin = 100;
var slideTime = 1200;
var ns6 = (!document.all && document.getElementById);
var ie4 = (document.all);
var ns4 = (document.layers);
function layerObject(id,left) {
if (ns6) {
this.obj = document.getElementById(id).style;
this.obj.left = left;
return this.obj;
}
else if(ie4) {
this.obj = document.all[id].style;
this.obj.left = left;
return this.obj;
}
else if(ns4) {
this.obj = document.layers[id];
this.obj.left = left;
return this.obj;
}
}
function layerSetup() {
floatLyr = new layerObject('floatLayer', pageWidth * .5);
window.setInterval("main()", 10)
}
function floatObject() {
if (ns4 || ns6) {
findHt = window.innerHeight;
} else if(ie4) {
findHt = document.body.clientHeight;
}
}
function main() {
if (ns4) {
this.currentY = document.layers["floatLayer"].top;
this.scrollTop = window.pageYOffset;
mainTrigger();
}
else if(ns6) {
this.currentY = parseInt(document.getElementById('floatLayer').style.top);
this.scrollTop = scrollY;
mainTrigger();
} else if(ie4) {
this.currentY = floatLayer.style.pixelTop;
this.scrollTop = document.body.scrollTop;
mainTrigger();
}
}
function mainTrigger() {
var newTargetY = this.scrollTop + this.topMargin;
if ( this.currentY != newTargetY ) {
if ( newTargetY != this.targetY ) {
this.targetY = newTargetY;
floatStart();
}
animator();
}
}
function floatStart() {
var now = new Date();
this.A = this.targetY - this.currentY;
this.B = Math.PI / ( 2 * this.slideTime );
this.C = now.getTime();
if (Math.abs(this.A) > this.findHt) {
this.D = this.A > 0 ? this.targetY - this.findHt : this.targetY + this.findHt;
this.A = this.A > 0 ? this.findHt : -this.findHt;
}
else {
this.D = this.currentY;
}
}
function animator() {
var now = new Date();
var newY = this.A * Math.sin( this.B * ( now.getTime() - this.C ) ) + this.D;
newY = Math.round(newY);
if (( this.A > 0 && newY > this.currentY ) || ( this.A < 0 && newY < this.currentY )) {
if ( ie4 )document.all.floatLayer.style.pixelTop = newY;
if ( ns4 )document.layers["floatLayer"].top = newY;
if ( ns6 )document.getElementById('floatLayer').style.top = newY + "px";
}
}
function start() {
if(ns6||ns4) {
pageWidth = innerWidth;
pageHeight = innerHeight;
layerSetup();
floatObject();
}
else if(ie4) {
pageWidth = document.body.clientWidth;
pageHeight = document.body.clientHeight;
layerSetup();
floatObject();
}
}
// End -->
</script>
</head>

<body onLoad="start()" bgcolor="#C0C0C0">
<div id="floatLayer" style="position: absolute; height:200px; width:200px; left:30px; top:1px;z-index: 100">
<a href="http://www.aniplasma.co.nr";>http://www.aniplasma.co.nr</a> One stop
source for all of your anime needs!</div>
<br><br><br><br><br><br><br><br><br><br><br><br>
<p> </p>
<p>sdasdsdfasdasda</p>
<p>sdasdsdfasdasda</p>
<p>sdasdsdfasdasda</p>
<p>sdasdsdfasdasda</p>
<p>sdasdsdfasdasda</p>
<p>sdasdsdfasdasdasdasdsdfasdasda</p>
<p>sdasdsdfasdasda</p>
<p>sdasdsdfasdasda</p>
<p>sdasdsdfasdasda</p>
<p>sdasdsdfasdasda</p>
<p>sdasdsdfasdasda</p>
<p>sdasdsdfasdasda</p>
<p>sdasdsdfasdasda</p>
</body>
</html>

TEXT nGIKUT

<head>
<script language="JavaScript">
<!-- Begin
function setVariables() {
if (navigator.appName == "Netscape") {
v=".top=";
dS="document.";
sD="";
y="window.pageYOffset";
}
else {
v=".pixelTop=";
dS="";
sD=".style";
y="document.body.scrollTop";
}
}
function checkLocation() {
object="object1";
yy=eval(y);
eval(dS+object+sD+v+yy);
setTimeout("checkLocation()",10);
}
// End -->
</script>
<style type="text/css">
.menu {
font: bold 11px arial, sans-serif;
color: 191E66;
text-decoration: none;
width: 160px;
border: 1px solid #191E66;
background-color: #F2F4FA;
padding-left: 12px;
}
A:link {font: bold 11px arial, sans-serif; color: 191E66; text-decoration: none;}
A:visited {font: bold 11px arial, sans-serif; color: 191E66; text-decoration: none;}
A:hover {font: bold 11px arial, sans-serif; color: 191E66; text-decoration: underline;}
.menubar {
height: 30px;
background-color: #F2F4FA;
border-bottom: 1px solid #ffffff;
border-left: 1px solid #ffffff;
border-top: 1px solid #dbe0f5;
border-right: 1px solid #dbe0f5;
}
</style>
</head>
<!-- STEP TWO: Insert the onLoad event handler into your BODY tag -->
<body OnLoad="setVariables();checkLocation()">

<!-- STEP THREE: Copy this code into the BODY of your HTML document -->
<div id="object1" style="position: absolute; visibility: show; left:0px; top:0px; z-index:2">
<table width=130 border=0 cellspacing=0 cellpadding=0 class="menu">
<tr>
<td class="menubar" style="font: bold 16px Arial; height: 30px;">Menu</td>
</tr>
<tr>
<td class="menubar" style="background-color: #00FF00"><a href="http://www.aniplasma.co.nr/"; >LINK</a></td>
</tr>
<tr>
<td class="menubar" style="background-color: #0000FF"><a href="http://www.aniplasma.co.nr/"; >LINK</a></td>
</tr>
<tr>
<td class="menubar" style="background-color: #FF0000"><a href="http://www.aniplasma.co.nr/"; >LINK</a></td>
</tr>
<tr>
<td class="menubar" style="background-color: #C0C0C0"><a href="http://www.aniplasma.co.nr/"; >LINK</a></td>
</tr>
</table>
</div>
<table>
<tr>
<td width=160><font color="white"> </font></td>
<td style="height: 1000px; vertical-align: top;" bordercolorlight="#000000" bordercolordark="#FF00FF">
Menu disamping yang mengandung link akan terus berada di kiri atas bila
pengunjung <br>
menggeser/menscrooldown halaman. Sedangkan di sini, masukkanlah Kata Kata dalam situs
kamu.<p>fjisldfj ljdslf</p>
<p>dk;asjflhjnsd</p>
<p>fjsalfnlknsda</p>
<p>fnlksfkljhnsa</p>
<p>]'fjsalj;jgds</p>
<p>fjk;sajjh</p>
<p>sdjnljd.fm</p>
<p>ask;jf;saj</p>
<p>]fjasljlfas</p>
<p>fjl;sajf</p>
<p>s</p>
<p>]f;ajslf</p>
<p>ja;lk</p>
<p>sdflajs;fjlshlfjas;f</p>
<p>sajkgf;sdkgas;gj;dm</p>
<p>hdsjg;dsg</p>
<p>]sd;jg;sdk;fj;dfkghsd</p>
<p> </td>
</tr>
</table>

*Ok segitu dulu ya.. ntar kalo isinya script mulu gak ada tempat buat artikel laennya dong.. :D

0 Comments: