Metode ini memungkinkan kita untuk membuka halaman website/ blog pada jendela baru yang disetai dengan animasi perubahan tampilannya sebelum dokumen tersebut terlihat penuh menutupi layar.
Untuk mengimplementasikannya pun cukup mudah, kita hanya perlu menyisipkan
"javascript:openwindow('URL_dokumen ')" pada setiap tag <A>.Contoh:
<a href=
"javascript:openwindow('http://caprt3a.blogspot.com ')">eBooksi</a>[Demo]
Keterangan:
Untuk memulainya, silahkan gunakan script berikut ini kedalam tag
<head> dalam template:<script type='text/javascript'>
//<![CDATA[
var winheight=100
var winsize=100
var x=5
function openwindow(thelocation){
temploc=thelocation
if (!(window.resizeTo&&document.all)&&!(window.resizeTo&&document.getElementById)){
window.open(thelocation)
return
}
win2=window.open("","","scrollbars")
win2.moveTo(0,0)
win2.resizeTo(100,100)
go2()
}
function go2(){
if (winheight>=screen.availHeight-3)
x=0
win2.resizeBy(5,x)
winheight+=5
winsize+=5
if (winsize>=screen.width-5){
win2.location=temploc
winheight=100
winsize=100
x=5
return
}
setTimeout("go2()",50)
}
//]]>
</script>
Post A Comment:
0 comments: