Labels: Basic
Animated Window Opener (klik untuk memperbesar)
View Demo
Animated Window Opener merupakan animasi yang berfungsi membuat link terbuka (Popup) dijendela baru secara pelahan dan sedikit demi sedikit dan akhirnya akan menutupi jendela utama.
Penerapan dalam blog kita bisa dilihat dibawah ini:
Javascript
<script type="text/javascript">
<!--
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()",10)
}
//-->
</script>
<div style="font-family: Mistral; text-align: center;">
<span style="font-size: 40px;"><a href="javascript:openwindow('http://serpihanduka.blogspot.com/2012/07/animated-window-opener.html')">Demo Page</a>
</span> </div>
<div style="font-family: Mistral; text-align: center;">
<span style="font-size: 40px;"><a href="javascript:openwindow('http://koderator.blogspot.com')">Koderator</a></span></div>
Keterangan
Script Keterangan setTimeout("go2()",10)
Cepat lambatnya popup/terbukanya tab baru font-family: Mistral;
Jenis font, bisa diganti dengan Arial, Verdana, Helvetica dll text-align: center;
Posisi teks berada ditengah, bisa diganti ataupun dihapus javascript:openwindow('
Jendela baru, pilih link yang akan kamu buat menjadi open window font-size: 40px
Ukuran font 40px
15 Komentar:
BlogS of Hariyanto said on July 21, 2012 at 11:25 AM
keren nich tutorialnya ..selamat menyambut bulan Ramadhan..mohon maaf lahir batin :)
Rezeki Barokah said on July 21, 2012 at 11:26 AM
nice share post ^_^
Unknown said on July 21, 2012 at 4:57 PM
@BlogS of Hariyanto ya, sama2 sob
Rey said on October 27, 2012 at 1:27 PM
keren mas broo ^_^
sekalian blog walking da
Jefry said on January 1, 2013 at 8:02 AM
bagus sekali tutorialnya, bisa menambah wawasan saya
terima kasih
topSpot | Find your top spot here said on January 17, 2013 at 3:02 AM
Bagus bener window opener nya sob! Kecepatan buka nya juga bisa diatur. Nice tutorial.. :)
Unknown said on May 1, 2017 at 12:53 PM
This content creates a new hope and inspiration within me. Thanks for sharing the article like this. The way you have stated everything above is quite awesome. Keep blogging like this.
SEO Training in Chennai
Best SEO Training Institute
Digital Marketing Course in Chennai
OGEN Infosystem (P) Limited said on October 16, 2018 at 12:51 PM
Thank you much for this tutorial; this is an informative and valuable blog. Visit for
Hong Kong Honeymoon Packages
Riya Raj said on December 18, 2018 at 12:31 PM
Great Information!!! Thanks for your blog… Eagerly waiting for your new updates…
SEO Training in Chennai
SEO Course in Chennai
SEO Training in Coimbatore
SEO Course in Coimbatore
SEO Training in Bangalore
service care said on February 27, 2019 at 6:19 PM
Wow !! Really a nice Article. Thank you so much for your efforts. Definitely, it will be helpful for others. I would like to follow your blog. Share more like this. Thanks Again.
oneplus service center near me
oneplus service
oneplus service centres in chennai
oneplus service center velachery
oneplus service center in vadapalani
dataexpert said on April 8, 2020 at 2:31 PM
Very nice job... Thanks for sharing this amazing and educative blog post! ExcelR Digital Marketing Course Pune
said on September 16, 2021 at 2:10 PM
Thanks for sharing
Best Online Panel company
Best Project Management services by Conclave Research
Survey hosting Services by Conclave Research
Data Processing & Collection by Conclave Research
Market Research Consultant Services
sri said on January 12, 2022 at 1:52 PM
Excellent content ,Thanks for sharing this .,
Leanpitch provides online training in CSPO, everyone can use it wisely.
CSPO certification online
Certified scrum product owner
sri said on January 12, 2022 at 1:53 PM
Excellent content ,Thanks for sharing this .,
Leanpitch provides online training in CSPO, everyone can use it wisely.
CSPO online certification
CSPO TRAINING ONLINE
sri said on January 12, 2022 at 1:54 PM
Excellent content ,Thanks for sharing this .,
Leanpitch provides online training in CSPO, everyone can use it wisely.
CSPO certification cost
Product Owner certification cost
Post a Comment