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:
<!-- TWO STEPS TO INSTALL LINKS WITH A TWIST: 1. Copy the coding into the HEAD of your HTML document 2. Add the last code into the BODY of your HTML document --> <!-- STEP ONE: Paste this code into the HEAD of your HTML document --> <HEAD> <style type="text/css"> <!-- #hotlist { border: 1px solid #dfdfdf; padding: 10px; width: 168px; text-align: left; color: gray; font-family: Verdana, Arial, Helvetica, sans-serif; } #hotlist a { color: gray; text-decoration: none; } #preview { text-align: center; display: none; /* do not change */ } img.thumbnail { border: 1px solid #cccccc; cursor: pointer; width: 143px; /* change to your picture width */ height: 90px; /* change to your picture height */ } div#caption { font-size: 8pt; } .arrow { visibility: hidden; /* do not change */ color: red; font-family: Times New Roman, Times, serif; /* do not change */ } --> </style> <script type="text/javascript"> <!-- Begin /* This script and many more are available free online at The JavaScript Source!! http://javascript.internet.com Created by: Cat Arriola :: http://astrodiva.journalspace.com */ /* ------- begin edit -------- */ var listName='Blogs I Visit'; // the title of your list between single quotes var mpic=new Array(); /* Edit link info in this order: name, image file, site title, URL Insert each info between single quote marks, followed by a comma (Replace '#' with the URL but leave the two quotes, i.e. 'http://www.theURL.com') Do not edit after the URL. Add or remove lines as required */ mpic[mpic.length] = new info('Babs', 'babs.jpg', 'Hamster Tales', '#', 'm' + mpic.length); mpic[mpic.length] = new info('Euian', 'euian.jpg', 'Hantojin', '#', 'm' + mpic.length); mpic[mpic.length] = new info('John', 'john.jpg', 'Radical Druid', '#', 'm' + mpic.length); mpic[mpic.length] = new info('Lillyanne', 'lilly.jpg', 'Astrodiva\'s Notebook', '#', 'm' + mpic.length); mpic[mpic.length] = new info('May', 'may.jpg', 'Shady Spot', '#', 'm' + mpic.length); mpic[mpic.length] = new info('Silk', 'silk.jpg', 'In the Realm of Senses', '#', 'm' + mpic.length); /* ------ Do not edit below this line ------ */ var minArr=new Array(); for (i=0; i<mpic.length; i++) { minArr[i]=new Image(); minArr[i].src=mpic[i].thumb; } function info(nam, thumb, Title, web, markID) { this.nam = nam; this.thumb = thumb; this.Title = Title; this.web = web; this.markID = markID; } function codeIt() { document.write('<div id="hotlist"><b>' + listName + '<\/b>'); document.write('<hr width="100%" size="1">'); for (j=0; j<mpic.length; j++) { document.write('<a target="offsite" href="'); document.write(mpic[j].web); document.write('" onMouseover="preview(' + j + ',\'' + mpic[j].markID + '\')">'); document.write(mpic[j].nam); document.write('<\/a><span class="arrow" id="' + mpic[j].markID + '"> ◄<\/span><br>'); } document.write('<br>'); document.write('<div id="preview">'); document.write('<img class="thumbnail" alt="" name="screenshot" src="' + minArr[0].src + '" onClick="dest()">'); document.write('<div id="caption"><\/div>'); document.write('<P><input type="button" value="Hide preview" onClick="hide()"><\/p>'); document.write('<\/div><\/div>'); /* --- Please attribute! The following line must appear --- */ document.write('<P style="text-align:center; font-size:12px"><A style="color:blue; text-decoration:none" href="http://astrodiva.journalspace.com" target="offsite">C a t m a d e i t !<\/a><\/p>'); } function preview(t,a) { unmarkAll(); document.getElementById(a).style.visibility='visible'; document.getElementById('preview').style.display='block'; document.getElementById('caption').innerHTML=mpic[t].Title; document.images.screenshot.src=minArr[t].src; document.images.screenshot.title='Click to visit ' + mpic[t].nam + '\'s site'; } function dest() { for (x=0; x<mpic.length; x++) { if (document.images.screenshot.src==minArr[x].src) { window.open(mpic[x].web, 'offsite'); } } } function hide() { document.getElementById('preview').style.display='none'; unmarkAll(); } function unmarkAll() { for (c=0; c<mpic.length; c++) document.getElementById(mpic[c].markID).style.visibility='hidden'; } // End --> </script> </HEAD> <!-- STEP TWO: Copy this code into the BODY of your HTML document --> <BODY> <div align="center"> <script type="text/javascript"> <!-- Begin codeIt() // End --> </script> </div> <p><center> <font face="arial, helvetica" size"-2">Free JavaScripts provided<br> by <a href="http://javascriptsource.com">The JavaScript Source</a></font> </center><p> <!-- Script Size: 4.80 KB -->
Kodu Kopyala
Hata Bildir | Tavsiye Et
Bu içeriğe oy verin:
Yorumlar / Yeni Yorum Yaz
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
