Javascript ile zemin rengini değiştirme

Javascript ile web sayfanızın zemin ( background ) rengini çok basit bir şekilde dinamik olarak değiştirebilirsiniz. Bunun için herhengi bir elementin herhangi bir olayına (Örn:onclick veya onmouseover gibi) javascript:document.bgColor='#renkkodu' kodunu eklemek.Burada bilmeniz gereken sadece zemin renginin hex kodu.

Ben blogger desteklemediği için buraya koyamadım örneği ama yine de başka bir sayfa attım.Buraya da resmini koyabildim )):İşte çalışan örnek...

Umarım faydalı olur...

3000 Javascript Kaynak Kodu

İçerisinde bir çok değişik javascript kodu bulunan muhteşem kaynak. Yapmanız gereken sadece dosyayı indirip açtıktan sonra istediğiniz kodu html sayfanıza kopyalayıp çalıştırmak.

Buradan indirebilirsiniz

Bloğunuzda kullanıcının IP sini gösterin

Blogunuzda kullanıcının IP sini göstermek için aşağıdaki kodu yeni bir Javascript/Html ögesinin içine yapıştırın ve kaydedin.

<div style=" margin-left:50px;background-color:#00CED1;border:solid 1px #000000;width:125px;heiht:40px;">Şu anki ipniz<img src="http://www.pckeyfi.com/ip.aspx" align="center"/></div>

Blog'a javascript menu ekleme

Blogunuza http://default-css.blogspot.com'daki gibi javascript switch menu eklemek istiyorsanız ilk önce blogunuza giriş yapın.Şablon menusune girdikten sonra 'HTML yi düzenle kısmını açın' aşağıdaki şekildeki gibi </head> tagını bulun ve hemen üzerine şu iki satırı ilave edin.

<link href='http://www.pckeyfi.com/defaultcss.css' rel='stylesheet' type='text/css'/>
<script language='javascript' src='http://www.pckeyfi.com/defaultcss.js'/>
Şimdi de Sayfanıza yeni bir Html/javascript ögesini ekleyin.Bu ögenin içine aşağıdaki kodu yapıştırın.

<div id="masterdiv">

<div class="menutitle" onclick="SwitchMenu('sub1')">Menu İsmi1</div>
<span class="submenu" id="sub1">
- <a href="url">What's New</a><br>
- <a href="url">What's hot</a><br>
- <a href="url">Revised Scripts</a><br>
- <a href="url">More Zone</a>
</span>

<div class="menutitle" onclick="SwitchMenu('sub2')">Menu İsmi2</div>
<span class="submenu" id="sub2">
- <a href="url">Usage Terms</a><br>
- <a href="url">DHTML FAQs</a><br>
- <a href="url">Scripts FAQs</a>
</span>

<div class="menutitle" onclick="SwitchMenu('sub3')">Menu İsmi3</div>
<span class="submenu" id="sub3">
- <a href="url">Coding Forums</a><br>
</span>

<div class="menutitle" onclick="SwitchMenu('sub4')">Menu İsmi4</div>
<span class="submenu" id="sub4">
- <a href="url">JavaScript Kit</a><br>
- <a href="url">Freewarejava</a><br>
- <a href="url">Cool Text</a><br>
- <a href="url">Google.com</a>
</span>


</div>
ögeyi kaydedip keyfinize bakın....
Eğer daha fazla menu eklemek istiyorsanız
<div class="menutitle" onclick="SwitchMenu('sub4')">Menu İsmi4</div>
<span class="submenu" id="sub4">
- <a href="url">JavaScript Kit</a><br>
- <a href="url">Freewarejava</a><br>
- <a href="url">Cool Text</a><br>
- <a href="url">Google.com</a>
</span>
yukardaki kodu alt alta yapıştırın.Fakat buradaki 'sub4' artırarak yapmanız gerekir.Örn:

<div class="menutitle" onclick="SwitchMenu('sub5')">Menu İsmi4</div>
<span class="submenu" id="sub4">
- <a href="url">JavaScript Kit</a><br>
- <a href="url">Freewarejava</a><br>
- <a href="url">Cool Text</a><br>
- <a href="url">Google.com</a>
</span>
<div class="menutitle" onclick="SwitchMenu('sub6')">Menu İsmi4</div>
<span class="submenu" id="sub4">
- <a href="url">JavaScript Kit</a><br>
- <a href="url">Freewarejava</a><br>
- <a href="url">Cool Text</a><br>
- <a href="url">Google.com</a>
</span>
gibi

Javascript ile pop up div oluşturmak

function goster()
{
div=document.getElementById('div_popa');
div.style.display="block";
document.getElementById('div_ic').style.display="block";
div.style.pixelLeft=0;
div.style.pixelTop=0;
wid=document.body.clientWidth+"px";
heg=document.body.clientHeight+"px";
div.style.width=wid;
div.style.height=heg;
genis=Math.round( (parseInt(wid)-parseInt(document.getElementById('div_ic').style.width))/2);
document.getElementById('div_ic').style.pixelTop=100;
document.getElementById('div_ic').style.pixelLeft=350;

}
function sakla()
{
document.getElementById('div_popa').style.display="none";
document.getElementById('div_ic').style.display="none";
}

Burada div_popa ekranı tamamen kaplar ve div_ic ortada gözükecek asıl popup div dir.Eğer zemini belli oranda transparan yapmak isterseniz
.......opacity:.45;filter: alpha(opacity=45); -moz-opacity: 0.45;........
bu kodu div'in style'ına yazın.

Javascrpit ile cursoru takip eden div yapma

function mouse()
{
var x,y,a,b;

var opacity=25;
popup.style.display="block"
e=event ||window.event;
x=e.pageX || e.clientX ;
y=e.pageY || e.clientY ;
popup.innerHTML='Fare Burada';
popup.style.pixelTop=y+15;
popup.style.pixelLeft=x+8;

}
function hiden()
{
popup.style.display="none";
}