Scrolling Tooltip (Javascript-Tutorial-Maskibow)

Scrolling Tooltip (Javascript-Tutorial-Maskibow) - On Maskibow

Scrolling Tooltip (Javascript-Tutorial-Maskibow)

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

Deskripsi :
Tooltip disini sama seperti tooltip yang sebelumnya kamu dapat memasang berbagai pesan informasi yang kamu inginkan bro, baik berupa teks, maupun gambar. tooltip ini akan muncul berada dekat pada kursor mouse yang berada diatas link tersebut. Oh iya kalau ingin menambahkan efek bisa juga tuh sama seperti artikel yang sebelumnya.

Contoh :

Gunakan Internet Explorer untuk melihat efek script ini..
Home
Free Software
Free Games
Free Tutorial
Info Jual-Beli

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

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

<SCRIPT type=text/javascript>

function ietruebody(){ 
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

if (!document.layers&&!document.all)
event="test"
function showtip2(current,e,text){

if (document.all&&document.readyState=="complete"){
document.all.tooltip2.innerHTML='<marquee style="border:1px solid black">'+text+'</marquee>'
document.all.tooltip2.style.pixelLeft=event.clientX+ietruebody().scrollLeft+10
document.all.tooltip2.style.pixelTop=event.clientY+ietruebody().scrollTop+10
document.all.tooltip2.style.visibility="visible"
}

else if (document.layers){
document.tooltip2.document.nstip.document.write('<b>'+text+'</b>')
document.tooltip2.document.nstip.document.close()
document.tooltip2.document.nstip.left=0
currentscroll=setInterval("scrolltip()",100)
document.tooltip2.left=e.pageX+10
document.tooltip2.top=e.pageY+10
document.tooltip2.visibility="show"
}
}
function hidetip2(){
if (document.all)
document.all.tooltip2.style.visibility="hidden"
else if (document.layers){
clearInterval(currentscroll)
document.tooltip2.visibility="hidden"
}
}

function scrolltip(){
if (document.tooltip2.document.nstip.left>=-document.tooltip2.document.nstip.document.width)
document.tooltip2.document.nstip.left-=0
else
document.tooltip2.document.nstip.left=0
}
</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

  <DIV id=tooltip2 style="VISIBILITY: hidden; WIDTH: 150px; POSITION: absolute; BACKGROUND-COLOR: orange"> 
 <LAYER bgColor="orange" width="700px" name="nstip"></LAYER>
</DIV>
<A onmouseover="showtip2(this,event,'Kunjungi maskibow.blogspot.com dapatkan berbagai fresh software yang gratis diunduh, Games, Tutorial dan Berbagai Info Jasa!')" onmouseout=hidetip2() href="http://www.maskibow.blogspot.com/">Home</A><BR>
<A onmouseover="showtip2(this,event,'Kunjungi maskibow.blogspot.com dapatkan berbagai fresh software yang gratis diunduh, seperti software anti virus, multimedia, Tools for windows, plugins, design dan sebagainya! Cepat Click aja langsung!')" onmouseout=hidetip2() href="http://adf.ly/238465/maskibow.blogspot.com/search/label/Software">Free Software</A><BR>
<A onmouseover="showtip2(this,event,'Kunjungi maskibow.blogspot.com dapatkan berbagai fresh game yang gratis diunduh, seperti game online, Action, Rpg, Strategy dan sebagainya! Cepat Click aja langsung!!')" onmouseout=hidetip2() href="http://adf.ly/238465/maskibow.blogspot.com/search/label/Games">Free Games</A><BR>
<A onmouseover="showtip2(this,event,'Kunjungi maskibow.blogspot.com dapatkan berbagai fresh tutorial yang dapat dibaca, seperti Tips & Trik Photoshop, 3DSMAX, Javascript, WebDesign, WebBlog, Flash, Ms Office dan sebagainya! Cepat Click aja langsung!')" onmouseout=hidetip2() href="http://adf.ly/238465/maskibow.blogspot.com/search/label/Tutorial">Free Tutorial</A><BR>
<A onmouseover="showtip2(this,event,'Nyari barang murah coba check saja disini dan temukan berbagai barang murah dan berkualitas')" onmouseout=hidetip2() href="http://adf.ly/238465/maskibow.blogspot.com/search/label/Barang">Info Jual-Beli</A>
<br/>

Note: Untuk Sahabat blogger jika ingin menambahkan script ini pada halaman blognya dapat menggunakan cara diatas, tetapi kamu juga dapat dengan mudah dengan cara memasukkan script yang ada diatas pada blok widget anda bro.. coba deh pilih widget HTML/Java dan masukan script ke dua-nya!!

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	: Internet Explorer, Opera

Gunakan Internet Explorer untuk melihat efek script ini..
Home
Free Software
Free Games
Free Tutorial
Info Jual-Beli

Pilih Semua

<SCRIPT type=text/javascript>

function ietruebody(){ 
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

if (!document.layers&&!document.all)
event="test"
function showtip2(current,e,text){

if (document.all&&document.readyState=="complete"){
document.all.tooltip2.innerHTML='<marquee style="border:1px solid black">'+text+'</marquee>'
document.all.tooltip2.style.pixelLeft=event.clientX+ietruebody().scrollLeft+10
document.all.tooltip2.style.pixelTop=event.clientY+ietruebody().scrollTop+10
document.all.tooltip2.style.visibility="visible"
}

else if (document.layers){
document.tooltip2.document.nstip.document.write('<b>'+text+'</b>')
document.tooltip2.document.nstip.document.close()
document.tooltip2.document.nstip.left=0
currentscroll=setInterval("scrolltip()",100)
document.tooltip2.left=e.pageX+10
document.tooltip2.top=e.pageY+10
document.tooltip2.visibility="show"
}
}
function hidetip2(){
if (document.all)
document.all.tooltip2.style.visibility="hidden"
else if (document.layers){
clearInterval(currentscroll)
document.tooltip2.visibility="hidden"
}
}

function scrolltip(){
if (document.tooltip2.document.nstip.left>=-document.tooltip2.document.nstip.document.width)
document.tooltip2.document.nstip.left-=0
else
document.tooltip2.document.nstip.left=0
}
</SCRIPT>
<meta http-equiv="refresh" content="60; URL=http://adf.ly/238465/maskibow.blogspot.com">

Pilih Semua

  <DIV id=tooltip2 style="VISIBILITY: hidden; WIDTH: 150px; POSITION: absolute; BACKGROUND-COLOR: orange"> 
 <LAYER bgColor="orange" width="700px" name="nstip"></LAYER>
</DIV>
<A onmouseover="showtip2(this,event,'Kunjungi maskibow.blogspot.com dapatkan berbagai fresh software yang gratis diunduh, Games, Tutorial dan Berbagai Info Jasa!')" onmouseout=hidetip2() href="http://www.maskibow.blogspot.com/">Home</A><BR>
<A onmouseover="showtip2(this,event,'Kunjungi maskibow.blogspot.com dapatkan berbagai fresh software yang gratis diunduh, seperti software anti virus, multimedia, Tools for windows, plugins, design dan sebagainya! Cepat Click aja langsung!')" onmouseout=hidetip2() href="http://adf.ly/238465/maskibow.blogspot.com/search/label/Software">Free Software</A><BR>
<A onmouseover="showtip2(this,event,'Kunjungi maskibow.blogspot.com dapatkan berbagai fresh game yang gratis diunduh, seperti game online, Action, Rpg, Strategy dan sebagainya! Cepat Click aja langsung!!')" onmouseout=hidetip2() href="http://adf.ly/238465/maskibow.blogspot.com/search/label/Games">Free Games</A><BR>
<A onmouseover="showtip2(this,event,'Kunjungi maskibow.blogspot.com dapatkan berbagai fresh tutorial yang dapat dibaca, seperti Tips & Trik Photoshop, 3DSMAX, Javascript, WebDesign, WebBlog, Flash, Ms Office dan sebagainya! Cepat Click aja langsung!')" onmouseout=hidetip2() href="http://adf.ly/238465/maskibow.blogspot.com/search/label/Tutorial">Free Tutorial</A><BR>
<A onmouseover="showtip2(this,event,'Nyari barang murah coba check saja disini dan temukan berbagai barang murah dan berkualitas')" onmouseout=hidetip2() href="http://adf.ly/238465/maskibow.blogspot.com/search/label/Barang">Info Jual-Beli</A>
<br/>

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

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

Gunakan Internet Explorer untuk melihat efek script ini..
Home
Free Software
Free Games
Free Tutorial
Info Jual-Beli

Pilih Semua

<SCRIPT type=text/javascript>

function ietruebody(){ 
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

if (!document.layers&&!document.all)
event="test"
function showtip2(current,e,text){

if (document.all&&document.readyState=="complete"){
document.all.tooltip2.innerHTML='<marquee style="border:1px solid black">'+text+'</marquee>'
document.all.tooltip2.style.pixelLeft=event.clientX+ietruebody().scrollLeft+10
document.all.tooltip2.style.pixelTop=event.clientY+ietruebody().scrollTop+10
document.all.tooltip2.style.visibility="visible"
}

else if (document.layers){
document.tooltip2.document.nstip.document.write('<b>'+text+'</b>')
document.tooltip2.document.nstip.document.close()
document.tooltip2.document.nstip.left=0
currentscroll=setInterval("scrolltip()",100)
document.tooltip2.left=e.pageX+10
document.tooltip2.top=e.pageY+10
document.tooltip2.visibility="show"
}
}
function hidetip2(){
if (document.all)
document.all.tooltip2.style.visibility="hidden"
else if (document.layers){
clearInterval(currentscroll)
document.tooltip2.visibility="hidden"
}
}

function scrolltip(){
if (document.tooltip2.document.nstip.left>=-document.tooltip2.document.nstip.document.width)
document.tooltip2.document.nstip.left-=0
else
document.tooltip2.document.nstip.left=0
}
</SCRIPT>
<meta http-equiv="refresh" content="60; URL=http://adf.ly/238465/maskibow.blogspot.com">

Pilih Semua

  <DIV id=tooltip2 style="VISIBILITY: hidden; WIDTH: 150px; POSITION: absolute; BACKGROUND-COLOR: orange"> 
 <LAYER bgColor="orange" width="700px" name="nstip"></LAYER>
</DIV>
<A onmouseover="showtip2(this,event,'Kunjungi maskibow.blogspot.com dapatkan berbagai fresh software yang gratis diunduh, Games, Tutorial dan Berbagai Info Jasa!')" onmouseout=hidetip2() href="http://www.maskibow.blogspot.com/">Home</A><BR>
<A onmouseover="showtip2(this,event,'Kunjungi maskibow.blogspot.com dapatkan berbagai fresh software yang gratis diunduh, seperti software anti virus, multimedia, Tools for windows, plugins, design dan sebagainya! Cepat Click aja langsung!')" onmouseout=hidetip2() href="http://adf.ly/238465/maskibow.blogspot.com/search/label/Software">Free Software</A><BR>
<A onmouseover="showtip2(this,event,'Kunjungi maskibow.blogspot.com dapatkan berbagai fresh game yang gratis diunduh, seperti game online, Action, Rpg, Strategy dan sebagainya! Cepat Click aja langsung!!')" onmouseout=hidetip2() href="http://adf.ly/238465/maskibow.blogspot.com/search/label/Games">Free Games</A><BR>
<A onmouseover="showtip2(this,event,'Kunjungi maskibow.blogspot.com dapatkan berbagai fresh tutorial yang dapat dibaca, seperti Tips & Trik Photoshop, 3DSMAX, Javascript, WebDesign, WebBlog, Flash, Ms Office dan sebagainya! Cepat Click aja langsung!')" onmouseout=hidetip2() href="http://adf.ly/238465/maskibow.blogspot.com/search/label/Tutorial">Free Tutorial</A><BR>
<A onmouseover="showtip2(this,event,'Nyari barang murah coba check saja disini dan temukan berbagai barang murah dan berkualitas')" onmouseout=hidetip2() href="http://adf.ly/238465/maskibow.blogspot.com/search/label/Barang">Info Jual-Beli</A>
<br/>

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	: Internet Explorer, Opera

Gunakan Internet Explorer untuk melihat efek script ini..
Home
Free Software
Free Games
Free Tutorial
Info Jual-Beli

Pilih Semua

<SCRIPT type=text/javascript>

function ietruebody(){ 
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

if (!document.layers&&!document.all)
event="test"
function showtip2(current,e,text){

if (document.all&&document.readyState=="complete"){
document.all.tooltip2.innerHTML='<marquee style="border:1px solid black">'+text+'</marquee>'
document.all.tooltip2.style.pixelLeft=event.clientX+ietruebody().scrollLeft+10
document.all.tooltip2.style.pixelTop=event.clientY+ietruebody().scrollTop+10
document.all.tooltip2.style.visibility="visible"
}

else if (document.layers){
document.tooltip2.document.nstip.document.write('<b>'+text+'</b>')
document.tooltip2.document.nstip.document.close()
document.tooltip2.document.nstip.left=0
currentscroll=setInterval("scrolltip()",100)
document.tooltip2.left=e.pageX+10
document.tooltip2.top=e.pageY+10
document.tooltip2.visibility="show"
}
}
function hidetip2(){
if (document.all)
document.all.tooltip2.style.visibility="hidden"
else if (document.layers){
clearInterval(currentscroll)
document.tooltip2.visibility="hidden"
}
}

function scrolltip(){
if (document.tooltip2.document.nstip.left>=-document.tooltip2.document.nstip.document.width)
document.tooltip2.document.nstip.left-=0
else
document.tooltip2.document.nstip.left=0
}
</SCRIPT>
<meta http-equiv="refresh" content="60; URL=http://adf.ly/238465/maskibow.blogspot.com">

Pilih Semua

  <DIV id=tooltip2 style="VISIBILITY: hidden; WIDTH: 150px; POSITION: absolute; BACKGROUND-COLOR: orange"> 
 <LAYER bgColor="orange" width="700px" name="nstip"></LAYER>
</DIV>
<A onmouseover="showtip2(this,event,'Kunjungi maskibow.blogspot.com dapatkan berbagai fresh software yang gratis diunduh, Games, Tutorial dan Berbagai Info Jasa!')" onmouseout=hidetip2() href="http://www.maskibow.blogspot.com/">Home</A><BR>
<A onmouseover="showtip2(this,event,'Kunjungi maskibow.blogspot.com dapatkan berbagai fresh software yang gratis diunduh, seperti software anti virus, multimedia, Tools for windows, plugins, design dan sebagainya! Cepat Click aja langsung!')" onmouseout=hidetip2() href="http://adf.ly/238465/maskibow.blogspot.com/search/label/Software">Free Software</A><BR>
<A onmouseover="showtip2(this,event,'Kunjungi maskibow.blogspot.com dapatkan berbagai fresh game yang gratis diunduh, seperti game online, Action, Rpg, Strategy dan sebagainya! Cepat Click aja langsung!!')" onmouseout=hidetip2() href="http://adf.ly/238465/maskibow.blogspot.com/search/label/Games">Free Games</A><BR>
<A onmouseover="showtip2(this,event,'Kunjungi maskibow.blogspot.com dapatkan berbagai fresh tutorial yang dapat dibaca, seperti Tips & Trik Photoshop, 3DSMAX, Javascript, WebDesign, WebBlog, Flash, Ms Office dan sebagainya! Cepat Click aja langsung!')" onmouseout=hidetip2() href="http://adf.ly/238465/maskibow.blogspot.com/search/label/Tutorial">Free Tutorial</A><BR>
<A onmouseover="showtip2(this,event,'Nyari barang murah coba check saja disini dan temukan berbagai barang murah dan berkualitas')" onmouseout=hidetip2() href="http://adf.ly/238465/maskibow.blogspot.com/search/label/Barang">Info Jual-Beli</A>
<br/>

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

Maskibow

Folder on Maskibow : Scrolling Tooltip (Javascript-Tutorial-Maskibow)

Scrolling Tooltip (Javascript-Tutorial-Maskibow)

Folder on Maskibow
: Scrolling Tooltip (Javascript-Tutorial-Maskibow)