YILAN OYUNU
HTML-Kodu:
<%@ Language=JavaScript Transaction=required%>
<HTML>
<HEAD>
<META name=VI60_defaultClientScript content=JavaScript>
<TITLE>BOYABAT ENDUSTRI MESLEK LISESI SNAKE V1.0 2002</TITLE>
</HEAD>
<script language="JavaScript">
/* Bütün Hakları -Eğitim amacı dışında- saklıdır.
Özcan BOLAT Elektrik Öğretmeni*/
document.write('<div id="alan" style="position:absolute;top:0px;left:0px">');
for (x=0;x<450;x++){
document.write('<div style="position:absolute;top:0px;left:0px"><a><img src="resim.jpg" name="resim"></a></div>');
window.status="Oyun Yükleniyor %"+Math.ceil((x+1)/9);};
document.write('</div>');
function gizle(){
for (x=1;x<450;x++){document.all.alan.all[x*3].style.visibility="hidden";
window.status="Oyun Yükleniyor %"+(Math.ceil(x/9)+50);};};gizle();
var rl=0,rt=0,t=180,l=180,y=0,sayi=0,c=0,yon=1,hiz=150,puan=10;
var yilant=new Array();
var yilanl=new Array();
var yer=document.all.alan;
function goster(){
for(z=0;z<sayi+2;z++)yer.all[z*3].style.visibility="visible";};
goster();
function rastgele(){
do
do
var rl=Math.ceil((Math.random(300)*1000)/10)*10;
while (rl>340)
while (rl<=40);
do
do
var rt=Math.ceil((Math.random(300)*1000)/10)*10;
while (rt>340)
while(rt<=40);
yer.all[(sayi+1)*3].style.top=rt;yer.all[(sayi+1)*3].style.left=rl;
};
function bas(){
if(window.event.keyCode==38 ) y=1;
if(window.event.keyCode==37 ) y=2;
if(window.event.keyCode==40 ) y=3;
if(window.event.keyCode==39 ) y=4;
if(window.event.button==2) alert(document.form1.select1.value);
};
function yilanhizi(){
switch(document.form1.select1.value){
case "Hız Seçiniz":hiz=150;puan=10;break;
case "Yavaş":hiz=200;puan=5;break;
case "Normal":hiz=150;puan=10;break;
case "Hızlı":hiz=100;puan=15;break;
case "Çok Hızlı":hiz=50;puan=20;break;
};
};
function yuru(){
document.onkeydown=bas;
if(y>0){
for (c=sayi+1;c>0;c--){
yilant[c]=yer.all[c*3-3].style.top;
yilanl[c]=yer.all[c*3-3].style.left;
};
if(yer.all[0].style.top==yer.all[(sayi+1)*3].style.top && yer.all[0].style.left==yer.all[(sayi+1)*3].style.left)
{sayi++;yer.all[(sayi+1)*3].style.visibility="visible";rastgele();document.form1.metin.value=sayi*puan;};
if (y==1) t-=10;
if (y==2) l-=10;
if (y==3) t+=10;
if (y==4) l+=10;
yer.all[0].style.top=t;yer.all[0].style.left=l;
for(v=1;v<sayi+1;v++){
yer.all[v*3].style.top=yilant[v];
yer.all[v*3].style.left=yilanl[v];
};};q=sayi;
for(z=0;z<q+1;z++)if(yer.all[0].style.top==yilant[z+1]&&yer.all[0].style.left==yilanl[z+1])
{sayi--;yer.all[(sayi+2)*3].style.visibility="hidden";document.form1.metin.value=sayi*puan;};
if(t<=10 || l<=10||t>=350 || l>=350){alert("YaNdInIz!!!");y=0;l=180;t=180;sayi=0;document.form1.metin.value=sayi*puan;};
if(sayi==149){ alert('Tebrikler nr Oyun Bitti...!');y=0;l=180;t=180;sayi=0;document.form1.metin.value=sayi*puan;};
setTimeout("yuru()",hiz);
window.status="Başarılar dileriz...";
};
yuru();
document.onkeydown=bas;
document.onmousedown=bas;
</script>
<BODY id="govde" Height="500" Width="500" bgcolor=blue bgProperties=fixed topmargin=20 leftmargin=20 text=white>
<TABLE border=0 cellpadding=1 cellSpacing=1 style="HEIGHT: 330px; WIDTH: 490px" scrolltop="0" scrollleft="0" height="100%" width="100%">
<TR>
<TD bgColor=lightgoldenrodyellow style="HEIGHT: 330px; TOP: 0px"
>
</TD><td bgcolor=deepskyblue style="WIDTH: 150px" width=150
><P>Boyabat Endüstri Meslek Lisesi </P>
<P><FONT size=4
color=orangered><STRONG>SNAKE V1.0</STRONG> </FONT></P>
<P><STRONG style="COLOR: blue"><FONT size=2>(Copyright
2002)</FONT></STRONG></P>
<P> </P>
<P> </P>
<P><FONT color=#0000ff size=2>Bütün
Hakları Saklıdır.</FONT></P></td>
</TR>
</TABLE>
<FORM name="form1">
<INPUT id=button1 name=button1 style="WIDTH: 50px" type=button value=Başlat width="50" onclick="rastgele();yilanhizi();gizle();goster();y=yon;">
<INPUT id=button2 name=button2 type=button value=Durdur onclick="yon=y;y=0;">
<SELECT
id=select1 name=select1 style="HEIGHT: 22px; WIDTH: 97px"> <OPTION selected
value="Hız Seçiniz">Hız Seçiniz</OPTION><OPTION value="Yavaş">Yavaş</OPTION><OPTION
value="Normal">Normal</OPTION><OPTION value="Hızlı"
>Hızlı</OPTION><OPTION value="Çok Hızlı"
>Çok
Hızlı</OPTION></SELECT>
<b>Skor</b> <INPUT name="metin" value="0" style="HEIGHT: 22px; WIDTH: 47px" ></FORM>
</BODY>
</HTML> TAŞINABİLİR MENÜ
HTML-Kodu:
<html>
<head>
<title>Taşınabilir Menü</title>
<style>
.move
{
width:100%;
background-color:#3E5999;
border-bottom:1px solid black;
font-size:14px;
font-family:verdana;
font-color:"#C9D2DC";
text-align:center;
}
.info
{
width:100%;
background-color:#3E5999;
border-top:1px solid black;
font-size:13px;
font-family:verdana;
font-color:"#FFFFFF";
color:"FFFFFF";
}
.panel
{
width:150;
position:absolute;
border:1px solid black;
left:350;
top:200;
font-size:13px;
font-family:verdana;
}
.panel a:visited{color:blue;}
.panel a{text-decoration:none;color:blue}
.panel a:hover{text-decoration:none;}
#panel a.visited{
text-decoration:none;
}
.menu
{
width:100%;
background-color:#96C5AA;
font-size:13px;
font-family:verdana;
}
.bilgi {font-family:arial black, arial;font-size:17px; color:gold; font-weight:bold;}
</style>
<SCRIPT LANGUAGE="JavaScript">
N = (document.all) ? 0 : 1;
var ob;
var over = false;
function MD(e) {
if (over)
{
if (N) {
ob = document.getElementById("panel");
X=e.layerX;
Y=e.layerY;
return false;
}
else {
ob = document.getElementById("panel");
ob = ob.style;
X=event.offsetX;
Y=event.offsetY;
}
}
}
function MM(e) {
if (ob) {
if (N) {
ob.style.top = e.pageY-Y;
ob.style.left = e.pageX-X;
}
else {
ob.pixelLeft = event.clientX-X + document.body.scrollLeft;
ob.pixelTop = event.clientY-Y + document.body.scrollTop;
return false;
}
}
}
function MU() {
ob = null;
}
if (N) {
document.captureEvents(Event.MOUSEDOWN | Event.MOUSEMOVE | Event.MOUSEUP);
}
document.onmousedown = MD;
document.onmousemove = MM;
document.onmouseup = MU;
</script>
</head>
<body>
<div id="panel" class="panel" >
<script language="JavaScript">
function getArray(id)
{
var splitarray = link[id].split("|");
return splitarray;
}
function info(i,obj,col)
{
sublink = getArray(i);
infobar = document.getElementById("infob");
infobar.innerHTML = "<font class='bilgi'><i>!</i></font> "+sublink[2];
obj.style.backgroundColor=col;
}
function endi(obj,col)
{
obj.style.backgroundColor=col;
infobar = document.getElementById("infob");
infobar.innerHTML = "<font class='bilgi'><i>!</i></font> Açıklamasını görmek için bir öğe seçin.<br>";
}
var link = new Array();
link[0] = " » ADRES 1|SAYFANIN URL Sİ YAZINIZ";
link[1] = " » ADRES 2|SAYFANIN URL Sİ YAZINIZ";
link[2] = " » ADRES 3|SAYFANIN URL Sİ YAZINIZ";
link[3] = " » ADRES 4|SAYFANIN URL Sİ YAZINIZ";
link[4] = " » ADRES 5 |SAYFANIN URL Sİ YAZINIZ";
link[5] = " » Şiirgezegeni|SAYFANIN URL Sİ YAZINIZ";
document.write("<div class='move' onmouseover='over=true;' onmouseout='over=false;' style='cursor:move'><font color=#C9D2DC><b>:: M e n ü ::</b></font></div><div class='menu'><br></div>");
for(i=0;i<link.length;i++)
{
sublink = getArray(i);
document.write("<a href='"+sublink[1]+"'><div class='menu' onmouseover="info("+i+",this,'gold')" onmouseout="endi(this,'#96C5AA')" style='cursor:hand'> "+ sublink[0] +"</div></a>");
}
document.write("<div class='menu'><br></div><div class='info' id='infob' name='infob'><font class='bilgi'><i>!</i></font> <br></div>");
</script>
</div>
</body>
</html>
<script language="javascript" src="/mynet_sistem/hostingad.js"></script><script language="javascript" src="http://mysite.mynet.com/common/hostingad_1.js"></script> MENÜDEN RENGİ SEÇ ARKAPLAN RENK DEĞİŞTİRSİN
HTML-Kodu:
<select name="schemesel" onChange="document.bgColor =
this.options[selectedIndex].value" size="1" style="background-color: rgb(57,57,57); color: rgb(255,255,255)">
<option value="000000" selected>SİYAH </option>
<option value="0000FF">MAVİ </option>
<option value="A0A0A0">GRİ </option>
<option value="E9E900">SARI </option>
<option value="A0A0FF">ŞAFAK MAVİSİ </option>
<option value="C70000">KIRMIZI </option>
<option value="FFFFA0">AÇIK SARI </option>
<option value="F0F0FA">İNCİ BEYAZI</option>
<option value="FF00FF">MOR </option>
<option value="00FFFF">TURKUAZ </option>
</select>
ARKAPLANDAN ZİYARETÇİLERE MESAJ VER
HTML-Kodu:
<script language="JavaScript">
<!-- Original: Charles Foster (wcms_sf( at )msn.com) -->
<!-- Begin
var speed = 50;
var cycledelay = 2000;
var maxsize = 48;
var x = 0;
var y = 0;
var themessage, size;
var esize = "</font>";
function initArray() {
this.length = initArray.arguments.length;
for (var i = 0; i < this.length; i++) {
this[i] = initArray.arguments[i];
}
}
var themessage2 = new initArray(
"Javascript Bankası",
"Mesajlarınız böyle görünecek",
"http://javascriptbankasi.com.tr.tc",
"JAVASCRIPT BANKASI"
);
if(navigator.appName == "Netscape")
document.write('<layer id="wds"></layer><br>');
if (navigator.appVersion.indexOf("MSIE") != -1)
document.write('<span id="wds"></span><br>');
function upwords(){
themessage = themessage2[y];
if (x < maxsize) {
x++;
setTimeout("upwords()",speed);
}
else setTimeout("downwords()",cycledelay);
if(navigator.appName == "Netscape") {
size = "<font point-size='"+x+"pt'>";
document.wds.document.write(size+"<center>"+themessage+"</center>"+esize);
document.wds.document.close();
}
if (navigator.appVersion.indexOf("MSIE") != -1){
wds.innerHTML = "<center>"+themessage+"</center>";
wds.style.fontSize=x+'px'
}
}
function downwords(){
if (x > 1) {
x--;
setTimeout("downwords()",speed);
}
else {
setTimeout("upwords()",cycledelay);
y++;
if (y > themessage2.length - 1) y = 0;
}
if(navigator.appName == "Netscape") {
size = "<font point-size='"+x+"pt'>";
document.wds.document.write(size+"<center>"+themessage+"</center>"+esize);
document.wds.document.close();
}
if (navigator.appVersion.indexOf("MSIE") != -1){
wds.innerHTML = "<center>"+themessage+"</center>";
wds.style.fontSize=x+'px'
}
}
setTimeout("upwords()",speed);
// End -->
</script> NE TÜR KOD ARIYORSANIZ BELİRTİNİZ ONA GÖRE YARDIMCI OLURUM
08.01.2008, 20:53
Cevap: siteye java script örnekleri istiyorum var mi? 
Benzer Konular