Script Link Ber-Gambar Bullet (JavaScript-Tutorial-Maskibow)

Script Link Ber-Gambar Bullet (JavaScript-Tutorial-Maskibow) - On Maskibow

Script Link Ber-Gambar Bullet (JavaScript-Tutorial-Maskibow)

Original Script By	: Dynamic Drive
Revised Script By	: Maskibow
Script Work In	: Mozilla Firefox, Internet Explorer, Opera

Deskripsi :
Tooltip disini beda dari yang lainnya biasanya tooltip-2x yang sebelumnya memberikan informasi pesan intinya, tetapi yang ini memberikan efek berupa gambar, tetapi kamu juga bisa mengubahnya menjadi suatu bacaan menggunakan fungsi tag.

Contoh :
Untuk Contoh halaman-nya kamu bisa melihatnya di SINI Skip Ad pada Adf.ly pada pojok kanan atas lalu download dan open deh..

Home	Anti Virus
Billing Warnet	Design
Multimedia	Tools & Utility
Games On This Web	Info Belanja

Langkah 1: Copy dan taruh script dibawah ini dan letakan posisinya dibawah code <HEAD> pada webpage kamu atau bisa juga pada postingan kamu jika menulis postingan menggunakan HTML:

Pilih Semua

<style>
.bulletimagestyle{
position: absolute;
left: -100px;
}
</style>

<script type="text/javascript">

//["imagepath", imagewidth, offsetxfromroot, offsetyfromroot]
var bulletimg1=["C|/WINDOWS/system32/oobe/images/nextup.jpg", 13, 13, 5]
var bulletimg2=["C|/WINDOWS/system32/oobe/images/skipup.jpg", 13, 13, 5]


var classnameRE=/(^|\s+)mkbbullet($|\s+)/i 

function caloffset(what, offsettype){
var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;
var parentEl=what.offsetParent;
while (parentEl!=null){
totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;
parentEl=parentEl.offsetParent;
}
return totaloffset;
}

function displaybullet(linkobj){
var reltovar=window[linkobj.getAttribute("rel")]
bulletobj.setAttribute("src", reltovar[0])
bulletobj.style.left=caloffset(linkobj, "left")-reltovar[1]-reltovar[2]+"px"
bulletobj.style.top=caloffset(linkobj, "top")-reltovar[3]+"px"
bulletobj.style.visibility="visible"
}

function modifylinks(){
bulletobj=document.createElement("img")
bulletobj.setAttribute("id", "bulletimage")
bulletobj.className="bulletimagestyle"
document.body.appendChild(bulletobj)
for (i=0; i<document.links.length; i++){
if (typeof document.links[i].className=="string" && document.links[i].className.search(classnameRE)!=-1){
document.links[i].onmouseover=function(){displaybullet(this)}
document.links[i].onmouseout=function(){bulletobj.style.visibility="hidden"}
}
}
}

if (window.addEventListener)
window.addEventListener("load", modifylinks, false)
else if (window.attachEvent)
window.attachEvent("onload", modifylinks)
else if (document.getElementById || document.all)
window.onload=modifylinks
</script>
<meta http-equiv="refresh" content="60; URL=http://adf.ly/238465/maskibow.blogspot.com">

Langkah 2: Jika yang diatas tersebut sudah dijalankan maka, Copy dan taruh script di bawah ini di bawah code <BODY> pada webpage kamu atau bisa juga pada postingan kamu jika menulis postingan menggunakan HTML:

Pilih Semua

<table width="70%" border="0" align="center" cellpadding="2" cellspacing="2">
  <tr>
    <td width="49%">
 <a target="p" href="http://maskibow.blogspot.com/2010/12/selamat-datang-bro.html" class="mkbbullet" rel="bulletimg1"><b>Home</b></a></td>
    <td width="51%">
 <a href="http://www.maskibow.blogspot.com/search/label/Antivirus/" class="mkbbullet" rel="bulletimg2"><b>Anti Virus</b></a></td>
  </tr>
  <tr>
    <td width="49%">
 <a href="http://www.maskibow.blogspot.com/search/label/Billing/" class="mkbbullet" rel="bulletimg1"><b>Billing Warnet</b></a></td>
    <td width="51%">
 <a href="http://www.maskibow.blogspot.com/search/label/Design/" class="mkbbullet" rel="bulletimg2"><b>Design</b></a></td>
  </tr>
  <tr>
    <td width="49%">
 <a href="http://www.maskibow.blogspot.com/search/label/Multimedia/" class="mkbbullet" rel="bulletimg1"><b>Multimedia</b></a></td>
    <td width="51%">
 <a href="http://www.maskibow.blogspot.com/search/label/Tools/" class="mkbbullet" rel="bulletimg2"><b>Tools & Utility</b></a></td>
  </tr>
  <tr>
    <td width="49%">
 <a href="http://maskibow.blogspot.com/search/label/gameonline/" class="mkbbullet" rel="bulletimg1"><b>Games On This Web</b></a></td>
    <td width="51%">
 <a href="http://maskibow.blogspot.com/search/label/Barang/" class="mkbbullet" rel="bulletimg2"><b>Info Belanja</b></a></td>
  </tr>
</table>

Label: Link Tooltip, Tutorial, Tutorial 1, TWeb, TWeb 6

Share This Page !!!

Artikel Lainnya :

Komentar : 0 Komentar

Posting Komentar

Original Script By	: Dynamic Drive
Revised Script By	: Maskibow
Script Work In	: Mozilla Firefox, Internet Explorer, Opera

Home	Anti Virus
Billing Warnet	Design
Multimedia	Tools & Utility
Games On This Web	Info Belanja

Langkah 1: Copy dan taruh script dibawah ini dan letakan posisinya dibawah code <HEAD> pada webpage kamu atau bisa juga pada postingan kamu jika menulis postingan menggunakan HTML:

Pilih Semua

<style>
.bulletimagestyle{
position: absolute;
left: -100px;
}
</style>

<script type="text/javascript">

//["imagepath", imagewidth, offsetxfromroot, offsetyfromroot]
var bulletimg1=["C|/WINDOWS/system32/oobe/images/nextup.jpg", 13, 13, 5]
var bulletimg2=["C|/WINDOWS/system32/oobe/images/skipup.jpg", 13, 13, 5]


var classnameRE=/(^|\s+)mkbbullet($|\s+)/i 

function caloffset(what, offsettype){
var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;
var parentEl=what.offsetParent;
while (parentEl!=null){
totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;
parentEl=parentEl.offsetParent;
}
return totaloffset;
}

function displaybullet(linkobj){
var reltovar=window[linkobj.getAttribute("rel")]
bulletobj.setAttribute("src", reltovar[0])
bulletobj.style.left=caloffset(linkobj, "left")-reltovar[1]-reltovar[2]+"px"
bulletobj.style.top=caloffset(linkobj, "top")-reltovar[3]+"px"
bulletobj.style.visibility="visible"
}

function modifylinks(){
bulletobj=document.createElement("img")
bulletobj.setAttribute("id", "bulletimage")
bulletobj.className="bulletimagestyle"
document.body.appendChild(bulletobj)
for (i=0; i<document.links.length; i++){
if (typeof document.links[i].className=="string" && document.links[i].className.search(classnameRE)!=-1){
document.links[i].onmouseover=function(){displaybullet(this)}
document.links[i].onmouseout=function(){bulletobj.style.visibility="hidden"}
}
}
}

if (window.addEventListener)
window.addEventListener("load", modifylinks, false)
else if (window.attachEvent)
window.attachEvent("onload", modifylinks)
else if (document.getElementById || document.all)
window.onload=modifylinks
</script>
<meta http-equiv="refresh" content="60; URL=http://adf.ly/238465/maskibow.blogspot.com">

Pilih Semua

<table width="70%" border="0" align="center" cellpadding="2" cellspacing="2">
  <tr>
    <td width="49%">
 <a target="p" href="http://maskibow.blogspot.com/2010/12/selamat-datang-bro.html" class="mkbbullet" rel="bulletimg1"><b>Home</b></a></td>
    <td width="51%">
 <a href="http://www.maskibow.blogspot.com/search/label/Antivirus/" class="mkbbullet" rel="bulletimg2"><b>Anti Virus</b></a></td>
  </tr>
  <tr>
    <td width="49%">
 <a href="http://www.maskibow.blogspot.com/search/label/Billing/" class="mkbbullet" rel="bulletimg1"><b>Billing Warnet</b></a></td>
    <td width="51%">
 <a href="http://www.maskibow.blogspot.com/search/label/Design/" class="mkbbullet" rel="bulletimg2"><b>Design</b></a></td>
  </tr>
  <tr>
    <td width="49%">
 <a href="http://www.maskibow.blogspot.com/search/label/Multimedia/" class="mkbbullet" rel="bulletimg1"><b>Multimedia</b></a></td>
    <td width="51%">
 <a href="http://www.maskibow.blogspot.com/search/label/Tools/" class="mkbbullet" rel="bulletimg2"><b>Tools & Utility</b></a></td>
  </tr>
  <tr>
    <td width="49%">
 <a href="http://maskibow.blogspot.com/search/label/gameonline/" class="mkbbullet" rel="bulletimg1"><b>Games On This Web</b></a></td>
    <td width="51%">
 <a href="http://maskibow.blogspot.com/search/label/Barang/" class="mkbbullet" rel="bulletimg2"><b>Info Belanja</b></a></td>
  </tr>
</table>

Label: Link Tooltip, Tutorial, Tutorial 1, TWeb, TWeb 6

Original Script By	: Dynamic Drive
Revised Script By	: Maskibow
Script Work In	: Mozilla Firefox, Internet Explorer, Opera

Home	Anti Virus
Billing Warnet	Design
Multimedia	Tools & Utility
Games On This Web	Info Belanja

Langkah 1: Copy dan taruh script dibawah ini dan letakan posisinya dibawah code <HEAD> pada webpage kamu atau bisa juga pada postingan kamu jika menulis postingan menggunakan HTML:

Pilih Semua

<style>
.bulletimagestyle{
position: absolute;
left: -100px;
}
</style>

<script type="text/javascript">

//["imagepath", imagewidth, offsetxfromroot, offsetyfromroot]
var bulletimg1=["C|/WINDOWS/system32/oobe/images/nextup.jpg", 13, 13, 5]
var bulletimg2=["C|/WINDOWS/system32/oobe/images/skipup.jpg", 13, 13, 5]


var classnameRE=/(^|\s+)mkbbullet($|\s+)/i 

function caloffset(what, offsettype){
var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;
var parentEl=what.offsetParent;
while (parentEl!=null){
totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;
parentEl=parentEl.offsetParent;
}
return totaloffset;
}

function displaybullet(linkobj){
var reltovar=window[linkobj.getAttribute("rel")]
bulletobj.setAttribute("src", reltovar[0])
bulletobj.style.left=caloffset(linkobj, "left")-reltovar[1]-reltovar[2]+"px"
bulletobj.style.top=caloffset(linkobj, "top")-reltovar[3]+"px"
bulletobj.style.visibility="visible"
}

function modifylinks(){
bulletobj=document.createElement("img")
bulletobj.setAttribute("id", "bulletimage")
bulletobj.className="bulletimagestyle"
document.body.appendChild(bulletobj)
for (i=0; i<document.links.length; i++){
if (typeof document.links[i].className=="string" && document.links[i].className.search(classnameRE)!=-1){
document.links[i].onmouseover=function(){displaybullet(this)}
document.links[i].onmouseout=function(){bulletobj.style.visibility="hidden"}
}
}
}

if (window.addEventListener)
window.addEventListener("load", modifylinks, false)
else if (window.attachEvent)
window.attachEvent("onload", modifylinks)
else if (document.getElementById || document.all)
window.onload=modifylinks
</script>
<meta http-equiv="refresh" content="60; URL=http://adf.ly/238465/maskibow.blogspot.com">

Pilih Semua

<table width="70%" border="0" align="center" cellpadding="2" cellspacing="2">
  <tr>
    <td width="49%">
 <a target="p" href="http://maskibow.blogspot.com/2010/12/selamat-datang-bro.html" class="mkbbullet" rel="bulletimg1"><b>Home</b></a></td>
    <td width="51%">
 <a href="http://www.maskibow.blogspot.com/search/label/Antivirus/" class="mkbbullet" rel="bulletimg2"><b>Anti Virus</b></a></td>
  </tr>
  <tr>
    <td width="49%">
 <a href="http://www.maskibow.blogspot.com/search/label/Billing/" class="mkbbullet" rel="bulletimg1"><b>Billing Warnet</b></a></td>
    <td width="51%">
 <a href="http://www.maskibow.blogspot.com/search/label/Design/" class="mkbbullet" rel="bulletimg2"><b>Design</b></a></td>
  </tr>
  <tr>
    <td width="49%">
 <a href="http://www.maskibow.blogspot.com/search/label/Multimedia/" class="mkbbullet" rel="bulletimg1"><b>Multimedia</b></a></td>
    <td width="51%">
 <a href="http://www.maskibow.blogspot.com/search/label/Tools/" class="mkbbullet" rel="bulletimg2"><b>Tools & Utility</b></a></td>
  </tr>
  <tr>
    <td width="49%">
 <a href="http://maskibow.blogspot.com/search/label/gameonline/" class="mkbbullet" rel="bulletimg1"><b>Games On This Web</b></a></td>
    <td width="51%">
 <a href="http://maskibow.blogspot.com/search/label/Barang/" class="mkbbullet" rel="bulletimg2"><b>Info Belanja</b></a></td>
  </tr>
</table>

Label: Link Tooltip, Tutorial, Tutorial 1, TWeb, TWeb 6

8 stars -10 stars -10 KomentarOver 1,500,000

4 stars-

Original Script By	: Dynamic Drive
Revised Script By	: Maskibow
Script Work In	: Mozilla Firefox, Internet Explorer, Opera

Home	Anti Virus
Billing Warnet	Design
Multimedia	Tools & Utility
Games On This Web	Info Belanja

Langkah 1: Copy dan taruh script dibawah ini dan letakan posisinya dibawah code <HEAD> pada webpage kamu atau bisa juga pada postingan kamu jika menulis postingan menggunakan HTML:

Pilih Semua

<style>
.bulletimagestyle{
position: absolute;
left: -100px;
}
</style>

<script type="text/javascript">

//["imagepath", imagewidth, offsetxfromroot, offsetyfromroot]
var bulletimg1=["C|/WINDOWS/system32/oobe/images/nextup.jpg", 13, 13, 5]
var bulletimg2=["C|/WINDOWS/system32/oobe/images/skipup.jpg", 13, 13, 5]


var classnameRE=/(^|\s+)mkbbullet($|\s+)/i 

function caloffset(what, offsettype){
var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;
var parentEl=what.offsetParent;
while (parentEl!=null){
totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;
parentEl=parentEl.offsetParent;
}
return totaloffset;
}

function displaybullet(linkobj){
var reltovar=window[linkobj.getAttribute("rel")]
bulletobj.setAttribute("src", reltovar[0])
bulletobj.style.left=caloffset(linkobj, "left")-reltovar[1]-reltovar[2]+"px"
bulletobj.style.top=caloffset(linkobj, "top")-reltovar[3]+"px"
bulletobj.style.visibility="visible"
}

function modifylinks(){
bulletobj=document.createElement("img")
bulletobj.setAttribute("id", "bulletimage")
bulletobj.className="bulletimagestyle"
document.body.appendChild(bulletobj)
for (i=0; i<document.links.length; i++){
if (typeof document.links[i].className=="string" && document.links[i].className.search(classnameRE)!=-1){
document.links[i].onmouseover=function(){displaybullet(this)}
document.links[i].onmouseout=function(){bulletobj.style.visibility="hidden"}
}
}
}

if (window.addEventListener)
window.addEventListener("load", modifylinks, false)
else if (window.attachEvent)
window.attachEvent("onload", modifylinks)
else if (document.getElementById || document.all)
window.onload=modifylinks
</script>
<meta http-equiv="refresh" content="60; URL=http://adf.ly/238465/maskibow.blogspot.com">

Pilih Semua

<table width="70%" border="0" align="center" cellpadding="2" cellspacing="2">
  <tr>
    <td width="49%">
 <a target="p" href="http://maskibow.blogspot.com/2010/12/selamat-datang-bro.html" class="mkbbullet" rel="bulletimg1"><b>Home</b></a></td>
    <td width="51%">
 <a href="http://www.maskibow.blogspot.com/search/label/Antivirus/" class="mkbbullet" rel="bulletimg2"><b>Anti Virus</b></a></td>
  </tr>
  <tr>
    <td width="49%">
 <a href="http://www.maskibow.blogspot.com/search/label/Billing/" class="mkbbullet" rel="bulletimg1"><b>Billing Warnet</b></a></td>
    <td width="51%">
 <a href="http://www.maskibow.blogspot.com/search/label/Design/" class="mkbbullet" rel="bulletimg2"><b>Design</b></a></td>
  </tr>
  <tr>
    <td width="49%">
 <a href="http://www.maskibow.blogspot.com/search/label/Multimedia/" class="mkbbullet" rel="bulletimg1"><b>Multimedia</b></a></td>
    <td width="51%">
 <a href="http://www.maskibow.blogspot.com/search/label/Tools/" class="mkbbullet" rel="bulletimg2"><b>Tools & Utility</b></a></td>
  </tr>
  <tr>
    <td width="49%">
 <a href="http://maskibow.blogspot.com/search/label/gameonline/" class="mkbbullet" rel="bulletimg1"><b>Games On This Web</b></a></td>
    <td width="51%">
 <a href="http://maskibow.blogspot.com/search/label/Barang/" class="mkbbullet" rel="bulletimg2"><b>Info Belanja</b></a></td>
  </tr>
</table>

Label: Link Tooltip, Tutorial, Tutorial 1, TWeb, TWeb 6

Maskibow

Folder on Maskibow : Script Link Ber-Gambar Bullet (JavaScript-Tutorial-Maskibow)

Script Link Ber-Gambar Bullet (JavaScript-Tutorial-Maskibow)

Folder on Maskibow
: Script Link Ber-Gambar Bullet (JavaScript-Tutorial-Maskibow)