KASTELEKOM

JAVA UYGULAMALARI

Arkaplan Efektleri

Buton Scriptleri

Link Scriptleri

Mouse Scriptleri

Saat Scriptleri

Yazı Efektleri

Browser Efektleri

Gerekliler

Menü Scriptleri

Resim Efektleri

Statusbar Efektleri

Diğer Scriptler

RENK KODLARI

Renk Kodları -1-

Renk Kodları -2-

LİNK SCRİPTLERİ -1-

1 2 3 4 5 6

1- Mouse hangi link üzerine getirilirse o linkin açıklaması beliriyor

<SCRIPT>
     var tip=new Array
           tip[0]='Ana sayfaya<br>  dönmek için... www.kastelekom.com'
           tip[1]='Adınıza açılacak olan sayfalarda, kişisel yeteneklerinizi ücretsiz sergilemek için mükemmel fırsat<br> örneklere bakınız...!'
           tip[2]='Yüzlerce şair<br> binlerce şiir'
           tip[3]='Görüş ve önerileriniz doğrultusunda sizlere daha iyi hizmet verebilmek için<br> lütfen ziyaretci defterini ziyaret ediniz...'
           
     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>
            <b>
            <a onmouseout="hidetip()" onmouseover="showtip(this,event,'0')" target="_blank" href="http://www.kastelekom.com/">
            <font color="#00FFFF">Ana Sayfa </font></a></b> <BR><b>
            <a onmouseout="hidetip()" onmouseover="showtip(this,event,'1')" target="_blank" href="http://kastelekom.com/kisisel_calismalarimiz/kisisel_calismalarimiz.htm">
            <font color="#00FFFF">Kişisel Sayfalar</font></a></b> <BR><b>
            <a onmouseout="hidetip()" onmouseover="showtip(this,event,'2')" target="_blank" href="http://www.kastelekom.com/siir_kosesi/index.htm">
            <font color="#00FFFF">Şairlerimiz ve Şiirlerimiz </font></a></b> <BR>
            <b>
            <a onmouseout="hidetip()" onmouseover="showtip(this,event,'3')" target="_blank" href="http://85860.netguestbook.com/">
            <font color="#00FFFF">Ziyaretçi Defteri

2- Mouse imleci link üzerine getirildiği zaman, statusbarda linkin açıkılaması belirir...

3- Mouse imleci link üzerine getirildiği zaman link açıklaması isteğe göre sabit veya görünüp kaybolabiliyor.

<style type="text/css">
#dhtmlfloatie{
position: absolute;
left: 0;
left: -900px;
filter:alpha(opacity=0);
-moz-opacity:0;
border: 2px solid black;
padding: 5px;
z-index: 100;
}

</style>

/***********************************************
* Link Floatie script- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/

var floattext=new Array()
floattext[0]='Bu açıklama ise sabit kalır, kaybolması için "Kapat" linkine tıklanması gerekir.<div align="right"><a href="javascript:hidefloatie()">Kapat</a></div>'
floattext[1]='Some other floatie text'

var floatiewidth="250px" //default width of floatie in px
var floatieheight="60px" //default height of floatie in px. Set to "" to let floatie content dictate height.
var floatiebgcolor="lightyellow" //default bgcolor of floatie
var fadespeed=70 //speed of fade (5 or above). Smaller=faster.

var baseopacity=0
function slowhigh(which2){
imgobj=which2
browserdetect=which2.filters? "ie" : typeof which2.style.MozOpacity=="string"? "mozilla" : ""
instantset(baseopacity)
highlighting=setInterval("gradualfade(imgobj)",fadespeed)
}

function instantset(degree){
cleartimer()
if (browserdetect=="mozilla")
imgobj.style.MozOpacity=degree/100
else if (browserdetect=="ie")
imgobj.filters.alpha.opacity=degree
}

function cleartimer(){
if (window.highlighting) clearInterval(highlighting)
}

function gradualfade(cur2){
if (browserdetect=="mozilla" && cur2.style.MozOpacity<1)
cur2.style.MozOpacity=Math.min(parseFloat(cur2.style.MozOpacity)+0.1, 0.99)
else if (browserdetect=="ie" && cur2.filters.alpha.opacity<100)
cur2.filters.alpha.opacity+=10
else if (window.highlighting)
clearInterval(highlighting)
}

function ietruebody(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function paramexists(what){
return(typeof what!="undefined" && what!="")
}

function showfloatie(thetext, e, optbgColor, optWidth, optHeight){
var dsocx=(window.pageXOffset)? pageXOffset: ietruebody().scrollLeft;
var dsocy=(window.pageYOffset)? pageYOffset : ietruebody().scrollTop;
var floatobj=document.getElementById("dhtmlfloatie")
floatobj.style.left="-900px"
floatobj.style.display="block"
floatobj.style.backgroundColor=paramexists(optbgColor)? optbgColor : floatiebgcolor
floatobj.style.width=paramexists(optWidth)? optWidth+"px" : floatiewidth
floatobj.style.height=paramexists(optHeight)? optHeight+"px" : floatieheight!=""? floatieheight : ""
floatobj.innerHTML=thetext
var floatWidth=floatobj.offsetWidth>0? floatobj.offsetWidth : floatobj.style.width
var floatHeight=floatobj.offsetHeight>0? floatobj.offsetHeight : floatobj.style.width
var winWidth=document.all&&!window.opera? ietruebody().clientWidth : window.innerWidth-20
var winHeight=document.all&&!window.opera? ietruebody().clientHeight : window.innerHeight
e=window.event? window.event : e
floatobj.style.left=dsocx+winWidth-floatWidth-5+"px"
if (e.clientX>winWidth-floatWidth && e.clientY+20>winHeight-floatHeight)
floatobj.style.top=dsocy+5+"px"
else
floatobj.style.top=dsocy+winHeight-floatHeight-5+"px"
slowhigh(floatobj)
}

function hidefloatie(){
var floatobj=document.getElementById("dhtmlfloatie")
floatobj.style.display="none"
}

</script>


<div id="dhtmlfloatie" ></div>
            <b>
<a href="#" onMouseover="showfloatie('Bu açıklama, mouse imleci link üzerinden çekildiği zaman kaybolacaktır.')" onMouseout="hidefloatie()">
            <font color="#00FFFF">Normal açıklama</font></a><font color="#00FFFF">  |
            </font>  <a href="#" onMouseover="showfloatie(floattext[0], event, '#D9FFD9', 250, 70)">
            <font color="#00FFFF">Sabit kalan açıklama</font></a><font color="#00FFFF">

4- Bu javascript, sitenizden indirilmesini veya gösterilmesini istediğiniz, dosya, resim vs. gibi materyallerin, ziyaretçinin işlemi gerçekleştirilmeden önce açık adresini görmesine olanak sağlar.

function clearAddress(){
  if (isReady){
    document.Which.Where.value = '';
  }else{
    alert("Sayfa henüz yüklenmedi...\nLütfen sayfa yüklenene kadar bekleyiniz.");  
  }
}

</script>

<br><br>
<a href="http://www.kastelekom.com/resim_ve_fotograf_kosesi/manzara/index.htm" onMouseDown="showAddress(this.src)">
<font color="#00FFFF">Resim ve Fotoğraflar           </font></a>   
<a target="_blank" href="http://www.kastelekom.com/resim_ve_fotograf_kosesi/manzara/index.htm">   
<img src="http://www.kastelekom.com/resim_ve_fotograf_kosesi/hayvanlar/41.jpg" width="300" height="300" border="0" onMouseDown="showAddress(this.src)"></a><br>
   <table width="306">
<tr>
	<td width="128">
    <p align="center"><input src="http://www.kastelekom.com/resim_ve_fotograf_kosesi/manzara/index.htm" onMouseDown="showAddress(this.src)" style="color:#000066; background:#ebe2d3;" type="Button" value="Adres"> </td>
	<td align="right" width="168"><input src="http://www.kastelekom.com/resim_ve_fotograf_kosesi/hayvanlar/41.jpg" onMouseDown="showAddress(this.src)" style="color:#000066; background:#ebe2d3;" type="Button" value="Adres"></td>
</tr>
</table>

5- Alev alev yanan linkler... Güzel bir javascript daha

<STYLE>#glowtext {
	FILTER: glow(color=#c57d5a,strength=2); WIDTH: 100%}
A:link    {text-decoration: none; color: #000066}
A:visited {text-decoration: none; color: #000066}
A:active  {text-decoration: none; color: #000066}
A:hover   {text-decoration: none; color: #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=5
}

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>
            <FONT size=2 color="#000000"><STRONG>
            <a target="_blank" href="http://www.kastelekom.com/">
            <font color="#000000">ANA SAYFA </font></a> </STRONG></FONT><FONT size=2> <STRONG><FONT size=2 color="#000000">                </FONT>
            <a target="_blank" href="http://www.kastelekom.com/resim_ve_fotograf_kosesi/index.htm"><font color="#000000">RESİM  VE  FOTOĞRAFLAR</font></a><A href="http://www.gezginler.net/" 
target=_blank><FONT size=2 color="#000000"> </FONT></A></STRONG><br><br>
            <strong>
            <a target="_blank" href="http://www.kastelekom.com/ozlu_sozler_kosesi/ozlu_sozler.htm"><font color="#000000">
            ÖZLÜ SÖZLER</font></a></strong> <STRONG>
            <FONT size=2 color="#000000">     </FONT>
            <font color="#000000">       </font>
            <a target="_blank" href="http://kastelekom07.sitemynet.com/bilmece_bulmaca_kosesi/bilmece_bulmaca_kosesi_mantik_sorulari.htm"><font color="#000000">BİLMECE  BULMACA</font></a></STRONG><br><br><strong>
            <a target="_blank" href="http://www.sanfm.net/sohbet.php"><font color="#000000">SOHBET 
            ODASI</font></a><A href="http://www.gezginler.net/" target=_blank><FONT size=2 color="#000000"> </FONT></A>
            </strong><FONT size=2 color="#000000">     <STRONG>    
            <a target="_blank" href="http://www.sanfm.net/">
            <font color="#000000">CANLI  RADYO</font></a></STRONG></FONT><br><br><strong>
            <a target="_blank" href="http://www.kastelekom.com/bilmece_bulmaca_kosesi/oyunlar/oyunlar.htm"><font color="#000000">OYUN</font></a></strong><A href="http://www.gezginler.net/" target=_blank><FONT size=2 color="#000000"><STRONG> </STRONG></FONT></A> <STRONG><FONT size=2 color="#000000">                           
            <a target="_blank" href="http://kastelekom07.sitemynet.com/fikra_kosesi/fikra_kosesi.htm">FIKRA</a><A href="http://www.gezginler.net/" 
target=_blank> </A> </FONT>  </STRONG><br><br>
            </font></span>

1 2 3 4 5 6