JavaScript Kodları

X-Paylaşım Facebook Hayran Sayfası
Etiketler: javascript, kodlari
24 Ağustos 2006/10:14 #1

JavaScript Kodları

Cursor Şekilleri
Çeşitli mouse şekilleri
PHP Kodu:
<!--- KAYNAKhttp://www.x-paylasim.com --->
<A HREF="#" STYLE="cursor:auto">STYLE ="cursor:auto" otomatik cursor</A
<
br><br>
<
A HREF="#" STYLE="cursor:crosshair">STYLE ="cursor:crosshair" - + simgesi</A
<
br><br>
<
A HREF="#" STYLE="cursor: default">STYLE ="cursor:default" varsay&#305;lan cursor</A> 
<br><br>
<
A HREF="#" STYLE="cursor: e-resize">STYLE ="cursor:e-resize" sola-sa&#287;a ok</A> 
<br><br>
<
A HREF="#" STYLE="cursor: hand">STYLE ="cursor:hand" el simgesi</A
<
br><br>
<
A HREF="#" STYLE="cursor: help">STYLE ="cursor:help" soru i&#351;areti</A> 
<br><br>
<
A HREF="#" STYLE="cursor: move">STYLE ="cursor:move" ta&#351;ıma simgesi</A> 
<br><br>
<
A HREF="#" STYLE="cursor: n-resize">STYLE ="cursor:n-resize" a&#351;ağı-yukarı ok</A> 
<br><br>
<
A HREF="#" STYLE="cursor: ne-resize">STYLE ="cursor:ne-resize" kuzeydo&#287;udan ok</A> 
<br><br>
<
A HREF="#" STYLE="cursor: nw-resize">STYLE ="cursor:nw-resize" g&#252;neydoğudan ok</A> 
<br><br>
<
A HREF="#" STYLE="cursor: pointer">STYLE ="cursor:pointer" el simgesi</A
<
br><br>
<
A HREF="#" STYLE="cursor: s-resize">STYLE ="cursor:s-resize" a&#351;ağı-yukarı ok</A> 
<br><br>
<
A HREF="#" STYLE="cursor: text">STYLE ="cursor:text" yaz&#305; simgesi</A> 
<br><br>
<
A HREF="#" STYLE="cursor: w-resize">STYLE ="cursor:w-resize" iki y&#246;nlü ok</A> 
<br><br>
<
A HREF="#" STYLE="cursor: wait">STYLE="cursor:wait" bekleme simgesi</A
<!--- 
KAYNAKhttp://www.x-paylasim.com ---> 
Mouse Efekti -1-
Mouse'unuzun etrafında renki küçük noktalar elektronlar gibi döner
PHP Kodu:
<!--- KAYNAKhttp://www.x-paylasim.com ---> 
<script language="JavaScript"
NS4=(document.layers); 
IE4=(document.all); 
Clrs=new Array('ff0000','00ff00','ffffff','ff00ff','ffa500','ffff00','00ff00','ffffff','ff00ff'
yBase=0
xBase=0
step=3
currStep=0
Ypos=0
Xpos=0
if (
NS4){ 
for (
i=014i++) 
document.write('<LAYER NAME="n'+i+'" LEFT=0 TOP=0 CLIP="0,0,'+i/4+','+i/4+'"></LAYER>'); 
window.captureEvents(Event.MOUSEMOVE); 
function 
nMouse(evnt){ 
Ypos evnt.pageY-window.pageYOffset
Xpos evnt.pageX

window.onMouseMove=nMouse

if (
IE4){ 
document.write('<div id="e" style="position:absolute;top:0;left:0"><div style="position:relative">'); 
for (
i=014i++) 
{
document.write('<div id="me" style="position:absolute;top:0;left:0;width:'+i/4+';height:'+i/4+';font-size:'+i/4+'"></div>')} 
document.write('</div></div>'); 
function 
iMouse(){ 
Ypos=event.y
Xpos=event.x

document.onmousemove iMouse

function 
Comet(){ 
S=(NS4)?window.pageYOffset:0
if (
IE4e.style.top=document.body.scrollTop
var 
yBase=(document.layers)?window.innerHeight/4:window.document.body.clientHeight/4
var 
xBase=(document.layers)?window.innerWidth/4:window.document.body.clientWidth/4
for (
i=014i++){ 
var 
randCol=Math.round(Math.random()*8); 
var 
layer=(NS4)?document.layers['n'+i]:me[i].style
layer.top =Ypos yBase*Math.cos((currStep+i*4)/12)*Math.cos(0.7+currStep/200)+S
layer.left=Xpos xBase*Math.sin((currStep+i*3)/10)*Math.sin(8.2+currStep/400); 
if (
NS4layer.bgColor=Clrs[randCol]; 
if (
IE4)layer.background=Clrs[randCol]; 

currStep+=step
setTimeout("Comet()",40); 

window.onload=Comet
// --> 
</script> 
<!--- KAYNAK: http://www.x-paylasim.com ---> 
Mouse Efekti -2-
Mouse'unuzun etrafında renki noktalar daire şeklinde döner
PHP Kodu:
<!--- KAYNAKhttp://www. x-paylasim.com --->
<script language="JavaScript">
<!-- 
Script by Themes
ns
=(document.layers)?1:0;
Clrs=new Array('ff0000','00ff00','ffffff','ff00ff','ffa500','ffff00','00ff00','ffffff','ff00ff')
var 
amount=8
var step=0.3;
var 
currStep=0;
var 
Ypos=0;
var 
Xpos=0;
if (
ns){
for (
i=0amounti++)
document.write('<LAYER NAME="n'+i+'" LEFT=0 TOP=0 BGCOLOR=#FFFFFF CLIP="0,0,2,2"></LAYER>');
window.captureEvents(Event.MOUSEMOVE); 
function 
nMouse(evnt){
Ypos evnt.pageY;
Xpos evnt.pageX;
}
window.onMouseMove=nMouse;
}
else{
document.write('<div style="position:absolute;top:0px;left:0px">');
document.write('<div style="position:relative">');
for (
i=0amounti++)
document.write('<div id="me" style="position:absolute;top:0px;left:0px;width:2px;height:2px;font-size:2px;background:#00aaff"></div>');
document.write('</div></div>');
function 
iMouse(){
Ypos=event.y+document.body.scrollTop;
Xpos=event.x+document.body.scrollLeft;
}
document.onmousemove iMouse;
}
function 
flash(){
for (
i=0amounti++){
var 
randCol=Math.floor(Math.random()*Clrs.length);
var 
layer=(document.layers)?document.layers['n'+i]:me[i].style;
layer.top =Ypos+60*Math.sin((currStep i*3.1)/4)*Math.cos(currStep/10);
layer.left=Xpos+60*Math.cos((currStep i*3.1)/4);
if (
nslayer.bgColor=Clrs[randCol];else layer.background=Clrs[randCol];
}
currStep+=step;
setTimeout("flash()",10);
}
window.onload=flash;
// -->
</script>
<!--- KAYNAK: http://www. x-paylasim.com ---> 
Mouse Efekti -3-
Mouse izi gösterir. Script için gerekli olan gif... (sağ tuş ile resmi farklı kaydedin)JavaScript Kodları

PHP Kodu:
<!--- KAYNAKhttp://www.x-paylasim.com--->
<style type="text/css">
BODY {overflowscrolloverflow-xhidden;}
</
style>
</
head>
<
body>
<
script language="JavaScript1.2">
<!-- 
visit http://www.x-paylasim.com/
var trailLength // gölge sayısı)
var path "http://www.gezginler.net/modules/javascripts/ornek/mouse/cursor.gif" // image adresi
var isIE false,isNav false,range "all.",style ".style",i,0
var topPix ".pixelTop",leftPix ".pixelLeft",images,storage
if (document.layers) { 
isNav true,range "layers.",style "",topPix ".top",leftPix ".left"
} else if (document.all) {
isIE true
}
function 
initTrail() {
images = new Array() 
for (
0parseInt(trailLength); i++) {
images[i] = new Image()
images[i].src path
}
storage = new Array()
for (
0images.length*3i++) {
storage[i] = 0
}
for (
0images.lengthi++) { 
(
isIE) ? document.write('<div id="obj' '" style="position: absolute; z-Index: 100; height: 0; width: 0"><img src="' images[i].src '"></div>') : document.write('<layer name="obj' '" width="0" height="0" z-index="100"><img src="' images[i].src '"></layer>')
}
trail()
}
function 
trail() {
for (
0images.lengthi++) { 
eval(
"document." range "obj" style topPix "=" storage[d])
eval(
"document." range "obj" style leftPix "=" storage[d+1])
d+2
}
for (
storage.length>= 2i--) { 
storage[i] = storage[i-2]
}

var timer setTimeout("trail()",10
}
function 
processEvent(e) {
if (
isIE) {
storage[0] = window.event.y+document.body.scrollTop+10
storage
[1] = window.event.x+document.body.scrollLeft+10
} else { 
storage[0] = e.pageY+12
storage
[1] = e.pageX+12
}
}
if (
isNav) {
document.captureEvents(Event.MOUSEMOVE)
}
if (
isIE || isNav) {
initTrail() 
document.onmousemove processEvent 
}
//-->
</script>
<!--- KAYNAK: http://www.x-paylasim.com ---> 
Mouse Efekti -4-
Burdaki cursor.gif dosyası yerine başka bir resim kullanabilirsiniz.
PHP Kodu:
<!--- KAYNAKhttp://www.x-paylasim.com --->
<script language="JavaScript">
image=new Image();
image.src='cursor.gif'
var 
speed;
var 
currStep 0;
var 
Xpos=0;
var 
Ypos=0;
var 
Base=100;
var 
N=5
var 
Split=360/N;
if (
document.layers){
for (
i=0Ni++)
document.write('<LAYER NAME="nsstars'+i+'" TOP=-200 LEFT=0><IMG SRC="'+image.src+'"></LAYER>');
}
if (
document.all){
document.write('<div id="ie" style="position:absolute;top:0;left:0;"><div style="position:relative">');
for (
i=0Ni++)
document.write('<img src="'+image.src+'" id="iestars" style="position:absolute;top:0px;left:0px">');
document.write('</div></div>');
}
(
document.layers)?window.captureEvents(Event.MOUSEMOVE):0;
function 
Mouse(evnt){
Ypos = (document.layers)?evnt.pageY:event.y;
Xpos = (document.layers)?evnt.pageX:event.x;
}
(
document.layers)?window.onMouseMove=Mouse:document.onmousemove=Mouse;
function 
PulseSpin(){
if (
document.allie.style.top=document.body.scrollTop;
if (
currStep 0.0550speed=0.001;
for (
i=0Ni++){
var 
L=(document.layers)?document.layers["nsstars"+i]:iestars[i].style;
L.top=Ypos+Base*Math.sin(currStep+i*Split*Math.PI/180)*Math.sin((currStep)*150);
L.left=Xpos+Base*Math.cos(currStep+i*Split*Math.PI/180)*Math.sin((currStep)*150);
if (
currStep 0.0540){
speed+=0.0003;
L.top=Ypos+Base*Math.sin(currStep+i*Split*Math.PI/180);
L.left=Xpos+Base*Math.cos(currStep+i*Split*Math.PI/180);
}
}
if (
speed 0.21){
speed=0.21;
Base-=8;
}
var 
W=(document.layers)?-window.innerWidth*2:-document.body.clientWidth*2;
if (
Base 0){
Base-=30;speed=0;
}
if (
Base <= W){
currStep=0;
speed=0.001;
Base=100;
}
currStep+=speed;
setTimeout('PulseSpin()',10);
}
PulseSpin();
//-->
</script>
<!--- KAYNAK: http://www.x-paylasim.com ---> 
Mouse Efekti -5-
Mouse imleci yanında mesaj kutusu oluşur ve içinden yazı geçer
PHP Kodu:
<SCRIPT language="JavaScript1.2"
<!-- 
www.x-paylasim.com
var scroller_msg='www.x-paylasim.com'
var dismissafter=0
var initialvisible=0
if (document.all)
document.write('<marquee id="curscroll" style="position:absolute;width:150px;border:1px solid black;font-size:14px;background-color:#FFE030;visibility:hidden">'+scroller_msg+'</marquee>')
function 
followcursor(){
if (
initialvisible==0){
curscroll.style.visibility="visible"
initialvisible=1
}
curscroll.style.left=document.body.scrollLeft+event.clientX+10
curscroll
.style.top=document.body.scrollTop+event.clientY+10
}
function 
dismissmessage(){
curscroll.style.visibility="hidden"
}
if (
document.all){
document.onmousemove=followcursor
document
.ondblclick=dismissmessage
if (dismissafter!=0)
setTimeout("dismissmessage()",dismissafter*1000)
}
//-->
 
</SCRIPT> 
Mouse Efekti -6-
Mouse'unuz yanında hareketli ve renkli animasyonlar
PHP Kodu:
<!--- KAYNAKhttp://www.x-paylasim.com --->
<script language="JavaScript">
if (
document.all){
//renkleri buradan değiştireceksiniz!
colours=new Array('ff0000','00ff00','3366ff','ff00ff','ffa500','#115585','fff000')
amount=colours.length;
YgetDelay=0,XgetDelay=0,Ydelay=0,Xdelay=0,step=0.2,currStep=0,my=0,mx=0;
document.write('<div id="ie" style="position:absolute;top:0;left:0;"><div style="position:relative">');
for (
i=0amounti++)
document.write('<div id="iestars" style="position:absolute;top:0px;left:0px;height:50px;width:50px;font-family:Courier New;font-size:5px;color:'+colours[i]+';padding-top:20px;text-align:center">.</div>');
document.write('</div></div>');
ini=1;
gstep=1;
function 
iMouse(){
my=event.y;mx=event.x;
}
document.onmousemove=iMouse
function dim(){
ini-=gstep;
dt=setTimeout('dim()',10);
if (
ini 2){
clearTimeout(dt);
glow();
}
}
function 
glow(){
ini+=gstep;
gt=setTimeout('glow()',10);
if (
ini 14){
clearTimeout(gt);
dim();
}
}
function 
stars(){
ie.style.top=document.body.scrollTop;
for (
i=0amounti++)
 {
 var 
layer=iestars[i].style
 
layer.filter='glow(color='+colours[i]+', strength='+ini+')';
 
layer.topYdelay+100*Math.sin((5*Math.sin((currStep-15.99)/10))+i*70)*Math.sin((currStep)/10)*Math.cos((currStep+i*25)/10); 
 
layer.left=Xdelay+180*Math.cos((5*Math.sin((currStep-15.99)/10))+i*70)*Math.sin((currStep)/10)*Math.cos((currStep+i*25)/10);
 }
currStep+=step;
}
function 
delay(){
Ydelay YgetDelay+=(my-YgetDelay)*1/20;
Xdelay XgetDelay+=(mx-XgetDelay)*1/20;
stars();
setTimeout('delay()',10);
}
delay();
glow();
}
//-->
</script>
<!--- KAYNAK: http://www.x-paylasim.com ---> 
Mouse Efekti -7-
Mouse'unuzu hareket ettirdiğinizde ucundan pembe yıldızlar düşer
PHP Kodu:
<!--- KAYNAKhttp://www.x-paylasim.com --->

<script type="text/javascript">
// <![CDATA[
var colour="#f0f";
var 
sparkles=50;
var 
x=ox=400;
var 
y=oy=300;
var 
swide=800;
var 
shigh=600;
var 
sleft=sdown=0;
var 
tiny=new Array();
var 
star=new Array();
var 
starv=new Array();
var 
starx=new Array();
var 
stary=new Array();
var 
tinyx=new Array();
var 
tinyy=new Array();
var 
tinyv=new Array();

window.onload=function() { if (document.getElementById) {
  var 
iratsrlefrdow;
  for (var 
i=0i<sparklesi++) {
    var 
rats=createDiv(33);
    
rats.style.visibility="hidden";
    
document.body.appendChild(tiny[i]=rats);
    
starv[i]=0;
    
tinyv[i]=0;
    var 
rats=createDiv(55);
    
rats.style.backgroundColor="transparent";
    
rats.style.visibility="hidden";
    var 
rlef=createDiv(15);
    var 
rdow=createDiv(51);
    
rats.appendChild(rlef);
    
rats.appendChild(rdow);
    
rlef.style.top="2px";
    
rlef.style.left="0px";
    
rdow.style.top="0px";
    
rdow.style.left="2px";
    
document.body.appendChild(star[i]=rats);
  }
  
set_width();
  
sparkle();
}}

function 
sparkle() {
  var 
c;
  if (
x!=ox || y!=oy) {
    
ox=x;
    
oy=y;
    for (
c=0c<sparklesc++) if (!starv[c]) {
      
star[c].style.left=(starx[c]=x)+"px";
      
star[c].style.top=(stary[c]=y)+"px";
      
star[c].style.clip="rect(0px, 5px, 5px, 0px)";
      
star[c].style.visibility="visible";
      
starv[c]=50;
      break;
    }
  }
  for (
c=0c<sparklesc++) {
    if (
starv[c]) update_star(c);
    if (
tinyv[c]) update_tiny(c);
  }
  
setTimeout("sparkle()"40);
}

function 
update_star(i) {
  if (--
starv[i]==25star[i].style.clip="rect(1px, 4px, 4px, 1px)";
  if (
starv[i]) {
    
stary[i]+=1+Math.random()*3;
    if (
stary[i]<shigh+sdown) {
      
star[i].style.top=stary[i]+"px";
      
starx[i]+=(i%5-2)/5;
      
star[i].style.left=starx[i]+"px";
    }
    else {
      
star[i].style.visibility="hidden";
      
starv[i]=0;
      return;
    }
  }
  else {
    
tinyv[i]=50;
    
tiny[i].style.top=(tinyy[i]=stary[i])+"px";
    
tiny[i].style.left=(tinyx[i]=starx[i])+"px";
    
tiny[i].style.width="2px";
    
tiny[i].style.height="2px";
    
star[i].style.visibility="hidden";
    
tiny[i].style.visibility="visible"
  
}
}

function 
update_tiny(i) {
  if (--
tinyv[i]==25) {
    
tiny[i].style.width="1px";
    
tiny[i].style.height="1px";
  }
  if (
tinyv[i]) {
    
tinyy[i]+=1+Math.random()*3;
    if (
tinyy[i]<shigh+sdown) {
      
tiny[i].style.top=tinyy[i]+"px";
      
tinyx[i]+=(i%5-2)/5;
      
tiny[i].style.left=tinyx[i]+"px";
    }
    else {
      
tiny[i].style.visibility="hidden";
      
tinyv[i]=0;
      return;
    }
  }
  else 
tiny[i].style.visibility="hidden";
}

document.onmousemove=mouse;
function 
mouse(e) {
  
set_scroll();
  
y=(e)?e.pageY:event.y+sdown;
  
x=(e)?e.pageX:event.x+sleft;
}

function 
set_scroll() {
  if (
typeof(self.pageYOffset)=="number") {
    
sdown=self.pageYOffset;
    
sleft=self.pageXOffset;
  }
  else if (
document.body.scrollTop || document.body.scrollLeft) {
    
sdown=document.body.scrollTop;
    
sleft=document.body.scrollLeft;
  }
  else if (
document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
    
sleft=document.documentElement.scrollLeft;
    
sdown=document.documentElement.scrollTop;
  }
  else {
    
sdown=0;
    
sleft=0;
  }
}

window.onresize=set_width;
function 
set_width() {
  if (
typeof(self.innerWidth)=="number") {
    
swide=self.innerWidth;
    
shigh=self.innerHeight;
  }
  else if (
document.documentElement && document.documentElement.clientWidth) {
    
swide=document.documentElement.clientWidth;
    
shigh=document.documentElement.clientHeight;
  }
  else if (
document.body.clientWidth) {
    
swide=document.body.clientWidth;
    
shigh=document.body.clientHeight;
  }
}

function 
createDiv(heightwidth) {
  var 
div=document.createElement("div");
  
div.style.position="absolute";
  
div.style.height=height+"px";
  
div.style.width=width+"px";
  
div.style.overflow="hidden";
  
div.style.backgroundColor=colour;
  return (
div);
}
// ]]>
</script>


<!--- KAYNAK: http://www.x-paylasim.com ---> 
24 Ağustos 2006/10:28 #2
Staus Bar Efektleri
Soldan sağa doğru kayan yazılar
PHP Kodu:
<!--- KAYNAKhttp://www.x-paylasim.com --->
    
<script LANGUAGE="JavaScript">
function 
infoscroll(seed,looped)
{
  var 
text1  " X-Paylasim - ";
  var 
text2  " eX-TRa Paylasim - Hoşgeldiniz ";    
  var 
msg=text1+text2;
  var 
putout " ";
  var 
c   1;
  if (
looped 99
  {  
window.status="Thank you for visit...";  }
  else if (
seed 100
  {
seed--;
var 
cmd="infoscroll(" seed "," looped ")";
 
timerTwo=window.setTimeout(cmd,100);
  }
  else if (
seed <= 100 && seed 0
  {
for (
c=seed c++) 
{  
putout+=" ";  }
putout+=msg.substring(0,100-seed);  
seed--;
var 
cmd="infoscroll(" seed "," looped ")";
window.status=putout;
timerTwo=window.setTimeout(cmd,100);
  }
  else if (
seed <= 0
  {
if (-
seed msg.length
{
putout+=msg.substring(-seed,msg.length);
seed--;
var 
cmd="infoscroll(" seed "," looped ")";
window.status=putout;
timerTwo=window.setTimeout(cmd,100); // 100
}
else 
{
window.status=" ";
looped += 1;
var 
cmd "infoscroll(100," looped ")";
timerTwo=window.setTimeout(cmd,75); // 75
}
}
}
// -->
<!--
infoscroll(100,1)
// -->
</script>
<!--- KAYNAK: http://www.x-paylasim.com ---> 
Status Bar -2-
Yazı iç içe geçerek kaybolur
PHP Kodu:
<!--- KAYNAKhttp://www.x-paylasim.com --->
<SCRIPT>// ******** Status Bar Javascript Magic by Themes 1.0 **********
function shrink_start() {clearInterval(shrink.sttm);shrink_init();if (arguments.length>0)
shrink_init2(arguments[0]);shrink.sttm=setInterval ("doEffect('shrink')",10);} function shrink_stop()
{
clearInterval(shrink.sttm);window.status="";}   shrink_init(); function shrink_init()
{
shrink={stel:0,stft:"",stec:1,stcel:1,stce:-1,stcl:-1,stls:-1,stcs:0,sttg:0,stea:["http://www.x-paylasim.com",8,10,10]};
} function 
shrink_init2 (en) {shrink.stea=[shrink.stea[(en-1)*4],shrink.stea[(en-1)*4+1],shrink.stea[(en-1)*4+2],shrink.stea[(en-1)*4+3]];shrink.stec=1;shrink.stel=0;}
function 
doEffect(es) {var s=eval(es);if (s.stce==s.stec) {if (s.stcel==s.stel) {clearInterval(s.sttm);window.status=s.stft;return;}
else {if (
s.stel>0s.stcel++;s.stce=-1;s.stcl=s.stls;}}if (s.stcl==s.stls
{
s.stce++;s.sttx=s.stea[s.stce*4];s.sttp=s.stea[s.stce*4+1];s.stsd=s.stea[s.stce*4+2];s.stls=s.stea[s.stce*4+3];s.stcl=0;s.stsp=1;s.sttg=0;}if (21-s.stsd-s.sttg==0)
{var 
stres=eval("stEffect"+s.sttp+"(s.sttx,s.stsp++,es);");s.sttg=0;if (stres!="")
window.status=stres;else {s.stcl++;s.stsp=1;}}s.sttg++;} function stEffect8(text,step){if (text.length/2+3<step) return "";if (step<3) return text;for 
(var 
i=3,s=""i<stepi++,s+=" ");return s+text.substring(0,text.length/2-step+3)+text.substring(text.length-text.length/2+step-3,text.length);} shrink_start();</SCRIPT>
<!--- KAYNAK: http://www.x-paylasim.com ---> 
Status Bar -3-
Siteniz açılırken bir loadbar gibi sitenizin açılış süresini yazar (Yükleniyor %96 gibi)
PHP Kodu:
<!--- KAYNAKhttp://www.x-paylasim.com ---><SCRIPT language=VBScript> <!-- // Dim Bar, Line, SP Bar = 0 Line = "|" sP = 100 Function Window_onLoad() Bar = 95 sP = 10 END Function Function Count() If Bar < 100 Then Bar = Bar + 1 Window.Status = "Yükleniyor Lütfen Bekleyiniz: " & Bar & "%" & " " & String(Bar, Line) setTimeout "Count()", SP Else Window.Status = "Yükleme Bitti" Document.Body.Style.Display = "" End If End Function Call Count() // --> </SCRIPT><!--- KAYNAK: http://www.x-paylasim.com ---> 
24 Ağustos 2006/11:10 #3
Link Efektleri
Herhangi bir linkin üzerine geldiğinizde linkin açıklaması yazar
PHP Kodu:
<!--- KAYNAKhttp://www.x-paylasim.com --->
<!--- ORNEK BAŞLANGICI --->
<
SCRIPT>
     var 
tip=new Array
           
tip[0]='Ana sayfaya<br>  dönmek için...'
           
tip[1]='Ücretsiz hizmetlerimizden yararlanabilmeniz<br> için üye olmanız gerekmektedir!'
           
tip[2]='Forum anasayfamıza dönmek için<br>tıklayınız'
           
tip[3]='Siteniz için, bannersiz,<br> popupsız ziyaretçi defteri'
           
     
function showtip(current,e,num)
        {
         if (
document.layers// Netscape 4.0+
            
{
             
theString="<DIV CLASS='ttip'>"+tip[num]+"</DIV>"
             
document.tooltip.document.write(theString)
             
document.tooltip.document.close()
             
document.tooltip.left=e.pageX+14
             document
.tooltip.top=e.pageY+2
             document
.tooltip.visibility="show"
            
}
         else
           {
            if(
document.getElementById// Netscape 6.0+ and Internet Explorer 5.0+
              
{
               
elm=document.getElementById("tooltip")
               
elml=current
               elm
.innerHTML=tip[num]
               
elm.style.height=elml.style.height
               elm
.style.top=parseInt(elml.offsetTop+elml.offsetHeight)
               
elm.style.left=parseInt(elml.offsetLeft+elml.offsetWidth+10)
               
elm.style.visibility "visible"
              
}
           }
        }
function 
hidetip(){
if (
document.layers// Netscape 4.0+
   
{
    
document.tooltip.visibility="hidden"
   
}
else
  {
   if(
document.getElementById// Netscape 6.0+ and Internet Explorer 5.0+
     
{
      
elm.style.visibility="hidden"
     
}
  } 
}
</SCRIPT>
<DIV id=tooltip 
style="BACKGROUND-COLOR: lightyellow; BORDER-BOTTOM: black 1px solid; BORDER-LEFT: black 1px solid; BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; FONT-SIZE: 12px; PADDING-BOTTOM: 1px; PADDING-LEFT: 1px; PADDING-RIGHT: 1px; PADDING-TOP: 1px; POSITION: absolute; VISIBILITY: hidden; layer-background-color: lightyellow"></DIV><A 
href="http://www.x-paylasim.com/" onmouseout=hidetip() 
onmouseover="showtip(this,event,'0')">Ana Sayfa</A> <BR><A 
href="http://www.x-paylasim.com/register.php" onmouseout=hidetip() 
onmouseover="showtip(this,event,'1')">Üye Ol</A> <BR><A 
href="http://www.x-paylasim.com/index.php" onmouseout=hidetip() 
onmouseover="showtip(this,event,'2')">Forum Anasayfa</A> <BR><A 
href="http://www.htmlgoodies.com/" onmouseout=hidetip() 
onmouseover="showtip(this,event,'3')">Ziyaretçi Defteri</A><!--- ÖRNEK SONU --->
<!--- KAYNAK: http://www.x-paylasim.com ---> 
Link Efekti -2-
Status barda üzerine gelen linkin açıklaması
PHP Kodu:
<!--- KAYNAKhttp://www.x-paylasim.com --->

<a HREF="http://www.x-paylasim.com"
OnmouseOver="window.status='X-Paylasim - eX-TRa Paylasim a Gitmek için tıklayınız'; return true"
OnMouseOut="window.status=' '; return true">LİNK</a>
                                        
<!--- 
KAYNAKhttp://www.x-paylasim.com ---> 
Link Efekti -3-
Linkler alev alev yanar
PHP Kodu:
<!--- KAYNAKhttp://www.x-paylasim.com/ --->
 
<STYLE>#glowtext {
    
FILTERglow(color=#c57d5a,strength=2); WIDTH: 100%}
A:link    {text-decorationnonecolor#000066}
A:visited {text-decorationnonecolor#000066}
A:active  {text-decorationnonecolor#000066}
A:hover   {text-decorationnonecolor#ceb464}

</STYLE>

<
SCRIPT language=JavaScript1.2>
function 
glowit(which){
if (
document.all.glowtext[which].filters[0].strength==3)
document.all.glowtext[which].filters[0].strength=2
else
document.all.glowtext[which].filters[0].strength=3
}

function 
glowit2(which){
if (
document.all.glowtext.filters[0].strength==3)
document.all.glowtext.filters[0].strength=2
else
document.all.glowtext.filters[0].strength=3
}

function 
startglowing(){
if (
document.all.glowtext&&glowtext.length){
for (
i=0;i<glowtext.length;i++)
eval(
'setInterval("glowit('+i+')",150)')
}
else if (
glowtext)
setInterval("glowit2(0)",150)
}

if (
document.all)
window.onload=startglowing
</SCRIPT>
<SPAN id=glowtext>
<A href="http://www. x-paylasim.com/" target=_blank><FONT size=2><STRONG>LİNK 1</STRONG></FONT></A><FONT size=2>  <A href="http://www. x-paylasim.com/" 
target=_blank><FONT size=2><STRONG>LİNK 2</STRONG></FONT></A><br><br><A href="http://www. x-paylasim.com/" target=_blank><FONT size=2><STRONG>LİNK 1</STRONG></FONT></A><FONT size=2>  <A href="http://www. x-paylasim.com/" 
target=_blank><FONT size=2><STRONG>LİNK 2</STRONG></FONT></A><br><br><A href="http://www. x-paylasim.com/" target=_blank><FONT size=2><STRONG>LİNK 1</STRONG></FONT></A><FONT size=2>  <A href="http://www. x-paylasim.com/" 
target=_blank><FONT size=2><STRONG>LİNK 2</STRONG></FONT></A><br><br><A href="http://www.x-paylasim.com/" target=_blank><FONT size=2><STRONG>LİNK 1</STRONG></FONT></A><FONT size=2>  <A href="http://www. x-paylasim.com/" 
target=_blank><FONT size=2><STRONG>LİNK 2</STRONG></FONT></A><br><br></span>

<!--- ÖRNEK SONU --->              
<!--- KAYNAK: http://www. x-paylasim.com ---> 
Link Efektleri -4-
Linkin üzerine gelindiğinde link bulanıklaşır
PHP Kodu:
<!--- KAYNAKhttp://www.x-paylasim.com --->

<font size="2" color="#115585">Mouse imlecini linkin üzerine getiriniz...</font><br><br>
  <
head>
<
script>
<!--
/*M.M.S PRODUCTIONS*/
function blu(a,b){
a.filters.blur.strength=b
}//-->
</script>

</head>

<body>

</div><div id="Layer3"
style="position:absolute; left:61px; top:210px; width:136px; height:22px; z-index:4">
</div><span id="bb"
style="position: absolute; left: 321; top: 122;  z-index: 1; filter: blur(Strength=0); background-color: none"
onmouseover="blu(this,30)" onmouseout="blu(this,0)">
<font color="#000066" size="4"><strong><a href="http://www.x-paylasim.com">X-P</a></strong></font></span>
</body>
                                        
<!--- KAYNAK: http://www.x-paylasim.com ---> 
Link Efektleri -5-
Linkin üzerine gelindiğğinde link büyür
PHP Kodu:
<!--- KAYNAKhttp://www.x-paylasim.com --->
<head>
<
script language="JScript">
function 
degistir() {
    
window.event.srcElement.style.color "#0099ff";
    
window.event.srcElement.style.fontSize "24px";
}
function 
eskiHalinegetir() {
    
window.event.srcElement.style.color "#000066";
    
window.event.srcElement.style.fontSize "18px";
}
</script>
</head>
<body>
<h3 id=heading onMouseOver="degistir()" onMouseOut="eskiHalinegetir()" style="color:blue;font-size:18"><a href="http://www.x-paylasim.com" target="_blank">X-Paylasim</a></h3>
</body>
<!--- KAYNAK: http://www.x-paylasim.com ---> 
Link Efektleri -6-
Mouse imleci linkin üzerine geldiğinde, o linkin gösterdiği sayfa açılır.
PHP Kodu:
<!--- KAYNAKhttp://www.x-paylasim.com --->
<a href="" onmouseover="parent.location='http://www.x-paylasim.com/'">Link Adı</A>
<!--- 
KAYNAKhttp://www.x-paylasim.com ---> 
Link Efektleri -7-
Üzerine gelinen her linkin yanındaki kutucuk işaretleniyor
PHP Kodu:
<!--- KAYNAKhttp://www.x-paylasim.com --->
<form name="rolloverbox">
  <
p><input type="checkbox" name="boxes" value="ON"><a href="http://www. x-paylasim.com"
  
onMouseover="rollovercheck(0)" onMouseout="rolloutcheck(0)">Ana sayfa</a><br>
  <
input type="checkbox" name="boxes" value="ON"><a
  href
="http://www.x-paylasim.com" onMouseover="rollovercheck(1)"
  
onMouseout="rolloutcheck(1)">Üye ol</a><br>
  <
input type="checkbox" name="boxes" value="ON"><a
  href
="http://www.x-paylasim.com" onMouseover="rollovercheck(2)"
  
onMouseout="rolloutcheck(2)">Programlar</a><br>
  <
input type="checkbox" name="boxes" value="ON"><a
  href
="http://www.x-paylasim.com" onMouseover="rollovercheck(3)"
  
onMouseout="rolloutcheck(3)">Online tv</a><br>
  <
input type="checkbox" name="boxes" value="ON"><a
  href
="http://www.x-paylasim.com" onMouseover="rollovercheck(4)"
  
onMouseout="rolloutcheck(4)">E-Kart</a><br>
  <
input type="checkbox" name="boxes" value="ON"><a
  href
="http://www.x-paylasim.com" onMouseover="rollovercheck(5)"
  
onMouseout="rolloutcheck(5)">Vßulletin</a></p>
</
form>

<
script>
var 
thebox=document.rolloverbox
function rollovercheck(whichbox){
thebox.boxes[whichbox].checked=true
}

function 
rolloutcheck(whichbox){
thebox.boxes[whichbox].checked=false
}
</script>
<!--- KAYNAK: http://www.x-paylasim.com ---> 

Link Efektleri -8-

Link ucundaki sayfayı görüntülemek, mouse imlecini link üzerinde birkaç saniye bekletip, link yüklenip de aktif duruma geçtikten sonra mümkün olabiliyor
PHP Kodu:
<!--- KAYNAKhttp://www.x-paylasim.com --->
<HEAD>
<
script>

var 
linkurl="http://www.x-paylasim.com/";

var 
loadtime=4;

var 
clicktext="Üzgünüz! Linkin aktif hale geçebilmesi için birkaç saniye beklemelisiniz...";

var 
linkactive="<strong><font color=#FF0000><br>Link şimdi aktif!</font></strong>"

var automaticlink=0;

var 
doload=0;var doing=0;var loadsize=1;

function 
cont() {

if (
doload==loadsize>1loadsize=loadsize1;

if (
doload==loadsize<loadtime*20loadsize=loadsize- -1;

loader.width=Math.round(loadsize/(loadtime*20)*(loadarea.width-2-(loadarea.border*2)));

if (
loadsize>loadsize<loadtime*20) {setTimeout('cont()'0050); doing=1} else {doing=0}

if (
loadsize>=loadtime*20){activeshow.innerHTML=linkactive; if (automaticlink==1)checklink();}else{activeshow.innerHTML=""}}

function 
loading() {doload=1;if (doing==0cont();}

function 
stopping() {doload=0;if (doing==0cont();}

function 
checklink(instantly){if (loadsize>=loadtime*20) {window.location.href=linkurl;doing=2} else alert(clicktext)}

</script>
</HEAD>
<BODY>
<p align=center><a href="javascript:checklink()" onmouseover=loading() onmouseout=stopping()><FONT color=#115585 size=3>LİNK ADINI BURAYA YAZIN..!<FONT></a><table border="0" id="loadarea" cellspacing="0" width="122" cellpadding="0"><tr><td><table width="0" height="5" id="loader" bgcolor="#0000FF" border="0" cellspacing="0" cellpadding="0"><tr><td></td></tr></table></td></tr></table>
<span id=activeshow></span>
<br>
<br>
<!--- KAYNAK: http://www.x-paylasim.com ---> 
24 Ağustos 2006/11:16 #4
Karma Efektler
Kaçan buton
PHP Kodu:
<!--- KAYNAKhttp://www.x-paylasim.com --->
<body onLoad="changeIt();" onClick="moveIt();">
<
span id="button1" style="position:relative;z-index:10"></span>

<
script>
var 
btnbgcol="#c5cb98"
var fntcol="#000066"
var ok=(document.getElementById||document.all)?1:0
if (ok)
var 
cross_el=document.getElementByIddocument.getElementById("button1"):button1

/* Yazı buraya */
message "X-Paylasim"

// Aşağıdakileri değiştirmeyin

function changeIt(){
if (!
ok)
return
cross_el.innerHTML='<button style="background-color:'+btnbgcol+'" onmouseDown="moveIt();" onmouseOver="moveIt()"><font color="'+fntcol+'">'+message+'</font></button>'
}

function 
setRandom(){
random1=Math.floor(Math.random()*301)
random2=Math.floor(Math.random()*401)

}

function 
moveIt(){
if (!
ok)
return
setRandom()
cross_el.style.top=random1
cross_el
.style.left=random2

if (document.all){
if (
cross_el.offsetTop-document.body.scrollTop>document.body.clientHeight)
cross_el.style.top=random1*(-2/3)
}
else{
if (
cross_el.offsetTop-window.pageYOffset>window.innerHeight)
cross_el.style.top=random1*(-2/3)
}
}
</script>

<!--- KAYNAK: http://www.x-paylasim.com ---> 
Karma Efektler -2-
Siteyi sık kullanılanlara ekleme
PHP Kodu:
<!--- KAYNAKhttp://www.x-paylasim.com --->
<SCRIPT language=JavaScript>
if ((
navigator.appName == "Microsoft Internet Explorer") && (parseInt(navigator.appVersion) >= 4)) {

var 
url="http://www.x-paylasim.com";
var 
title="x-paylasim.COM";
var 
bookmarkicon="favicon.ico"
document.write('<A HREF="javascript:window.ext');
document.write('ernal.AddFavorite(url,title);" ');
document.write('onMouseOver=" window.status=');
document.write("'Sitemizi Sık Kullanılanlarınıza EkLeyin..!'; return true ");
document.write('"onMouseOut=" window.status=');
document.write("' '; return true ");
document.write('"><font color="#000066" size="2">Sitemizi Sık Kullanılanlara Ekleyin..</a>');
}
else {
var 
msg "Don't forget to bookmark us!";
if(
navigator.appName == "Netscape"msg += "  (CTRL-D)";
document.write(msg);
}

// End -->
</SCRIPT>
<!--- KAYNAK: http://www.x-paylasim.com ---> 
Karma Efektler -3-
Kullanıcı siteyi giriş sayfası yapsın
PHP Kodu:
<!--- KAYNAKhttp://www.x-paylasim.com --->
<A href="http://www.x-paylasim.com/" 
onClick="this.style.behavior='url(#default#homepage)';
this.setHomePage('http://www.x-paylasim.com');"
><FONT 
color
=#000066 size=2>Sitemizi Giriş Sayfanız Yapın</A>
<!--- KAYNAKhttp://www.x-paylasim.com ---> 

Karma Efektler -4-

Bu kod statusbarda sayfa hatası veriyorsa bu hatanın görüntülenmesini engelleyecektir
PHP Kodu:
<!--- KAYNAKhttp://www.x-paylasim.com --->
<head>
<
script LANGUAGE="JavaScript">
function 
CC_noErrors() {
return 
true;
}

window.onerror CC_noErrors;
</script>
</head>
<!--- KAYNAK: http://www.x-paylasim.com ---> 

Benzer Konular

Webmaster Genel kategorisindeki JavaScript Kodları konusuna benzer yazılar. JavaScript Kodları yazısını beğendiyseniz belki bu konular da ilginizi çekebilir.


Zaman: GMT +2 Saat:13:37

©2005 - 2009 X-Paylasim.com - Genel eğlence ve bilgi paylaşım platformu. SimpleX vBulletin Theme
Web Dizini Powered by vBulletin® Version Copyright ©2000 - 2009, Jelsoft Enterprises Ltd. SEO by vBSEO 3.3.1 1 2

film indir grup reyting facebook video indir hd resimler