| | |
Web tasarımında artık gerçekten
sınır yok, eskiden HTML'ye hakim olup tabloları güzel kullanmak çok güzel siteler yapmak için elimizdeki araçlardı. Ama artık her site ilginç şeyleri birbirinden farklı yollarla ziyaretçisine sunuyor.
Ben de özellikle site yapan genç arkadaşlarda ilginç ve şaşırtıcı bir şeyler yapma isteğini fark ettiğimden artık arada bir web hileleri ya da bir diğer deyişle ilginç numaralar sunmaya karar verdim.Sarsılan, Titreyen Depremsi Sayfalarİlk olarak da bizi biraz korkutan bir örnek vermek istedim. Bu da web sayfanızda deprem oluşturmak.Örneği görmek için buraya tıklayın. Evet, altın rengindeki yazıların üstüne gelince ekran titredi gördüğünüz gibi. Aslında bu kolay bir script:
<script language="JavaScript">
<!--
function wiggle(n) {
if (window.moveBy) {
for (i = 10; i > 0; i--) {
for (j = n; j > 0; j--) {
window.moveBy(0,i);
window.moveBy(i,0);
window.moveBy(0,-i);
window.moveBy(-i,0);
}
}
}
}
// End -->
</script>
İşte yukardaki bu script'i web sayfanızın <head> bölümü içine koyarsanız ve ardından script'i bir yerden çağırırsanız istediğinizi elde edeceksiniz. Örneğin ben yukardaki altın harflerin üstünüze gelince sayfanızın titremesi için şöyle bir satır yazdım:
<A onMouseover='wiggle(2)' HREF="#"> sonra da tabii </A> şeklinde linki kapattım. Script'i nasıl çağıracağınız size kalmış. Script'in bir diğer güzelliği yavaşlayarak titremenin durması, bu nedenle de deprem şeklinde isimlendirilebilir. Script'in "wiggle(n)" şeklinde olması dikkatinizi çekmiştir. Siz titremeyi istediğiniz kadar uzatabilirsiniz. Ama bunu yapmak için script'in içindeki n değil, script'i çağırdığınız (örneğin benim yaptığım örnekte <A> satırında) yerdeki n'i değiştireceksiniz. Sayıyı istediğiniz kadar büyütüp titremeyi uzatabilirsiniz, bu durumda az önce sözünü ettiğim "gittikçe yavaşlama" durumunu daha iyi görürsünüz. Ama tabii titremeyi pek de uzatmayın, yoksa ziyaretçi bilgisayarının ciddi bir sorun yaşadığını düşünecektir. Çünkü titreme sırasında herhangi bir yere tıklamak da pek mümkün olmuyor.
Eğer bir şey sormak isterseniz, aşağıdaki e-mail yazan kutuya tıklayın...
|
|
