Jumat, 24 Juni 2011

Flashing Message Box using JQuery

  1. Seperti biasa Login ke blogger
  2. Masuk ke Rancangan >> Elemen Halaman 
  3. Setelah itu tambahkan sebuah gadget (untuk tempat pilih dimana saja)
  4. lalu pilih yang HTML/Javascript dan masukan kode di bawah ini kedalamnya
<script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.2.3.pack.js"></script>
<script type="text/javascript">
<!--//---------------------------------+
// Developed by Roshan Bhattarai
// Visit http://roshanbh.com.np for this script and more.
// This notice MUST stay intact for legal use
// --------------------------------->
$(document).ready(function()
{
//first slide down and blink the message box
$("#object").animate({
top: "0px"
}, 2500 ).fadeOut(100).fadeIn(100).fadeOut(100).fadeIn(100).fadeOut(100).fadeIn(100).fadeOut(100).fadeIn(100);

//close the message box when the cross image is clicked
$("#close_message").click(function()
{
$("#object").fadeOut("slow");
});
});
</script>
<style type="text/css">
.message{
border:1px solid #CCCCCC;
position:absolute;
width:270px; /*kamu dapat menyesuaikannya dengan pesan kamu, dengan merubah nominal angka*/
border:1px solid #c93;
background:#ffc;
padding:5px;
left:0px;
top : -170px;
}


</style><div id="object" class="message"><img id="close_message" style="float:right;cursor:pointer" src="12-em-cross.png" />

<strong>Tulis Judul Pesan Disini</strong>
<p >Isi dari pesan kamu tulis disini</p>
</div>
Flashing Message Box using JQuery 9out of 10 based on 10 ratings. 9 user reviews.
 

Dafatr Isi

Label Blog

japarus
Template | copyright@2011 | Design by : DiM4sHDiM4sH