ANA SAYFA | FORUM | BLOG | SİTENİZ İÇİN | İÇERİK EKLE | EN YENİLER | EN POPÜLERLER | EN BEĞENİLENLER | REKLAM | İLETİŞİM
Arama:
Tüm kategorilerde Google Forumda JAVAScript Araçlar
// ÖZELLEŞTİR
E-posta:
Şifre:
Üye Ol
|
Şifremi Unuttum
>> PHP Arşivimiz Gelişiyor! (0 yorum)>> ARŞİVİMİZ FORUM AÇILDI! (0 yorum)>> Ramazan Bayramınız kutlu olsun (2 yorum)>> Kurban Bayramı (0 yorum)>> 10 Kasım (1 yorum)
// EN YENİLER
// EN POPÜLER
// Anasayfa » JAVASCRIPT» Linkler
Oy:
<?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta content="text/html;charset=utf-8" http-equiv="content-type" /> <style type="text/css"> //We hide the box at first (hidden) #box{ width: 200px; height: 100px; overflow:hidden; visibility: hidden; background-color:#8f8f8f; color:red; position:absolute; opacity:.50; filter:alpha(opacity=50); -moz-opacity:0.5; } //we give a style to the close button which is only a link a.close{width:20px;height:20px;text-align:center;margin:5px; border:1px solid black;float:right;background-color:white;color:red; font-size:16px;text-decoration:none} </style> <script language="javascript"> <!-- function ShowBox(evt) { /*simple browser detection in order to choose between using pageX (does not work in IE) and clientX*/ var IE=false; if(navigator.appName == "Microsoft Internet Explorer") IE = true; if(IE) { x = evt.clientX + document.body.scrollLeft; y = evt.clientY + document.body.scrollTop; } else { x = evt.pageX; y = evt.pageY; } /*display the box at 15px from the mouse pointer*/ obj = document.getElementById("box"); obj.style.left = (x + 15) + 'px'; obj.style.top = (y + 15) + 'px'; obj.style.visibility = 'visible'; } function closeBox() { /*Hide the box on close event*/ obj = document.getElementById("box"); obj.style.visibility = 'hidden'; } // --> </script> </head> <body> <div id="box"> <a href="#" onclick="javascript:closeBox();return false;" class="close" title="Close the box">X</a> The content of the box which is shown on click from the link.<br /> You can add anything here as usually... </div> <a href="#" onclick="javascript:ShowBox(event);return false;">Click me to load</a> </body> </html>
Kodu Kopyala
Hata Bildir | Tavsiye Et
Bu içeriğe oy verin:
Yorumlar / Yeni Yorum Yaz Bu içeriğe yorum yazılmamış.
ANA SAYFA | İÇERİK EKLE | YENİ EKLENENLER | EN POPÜLERLER | EN BEĞENİLENLER | REKLAM | DESTEKLEYENLER | İLETİŞİM
JAVAScript İndir © 2004 - 2008Web Tasarımı: Emir Emiroğlu | Kodlama: Can "FiNaRFiN" HANHAN , Korkut TAHAOĞLU, Göktuğ İÇÖZ
