Floating Sidebar

[sahran4441]

----------------------

 

[sahran4441]

-----------------------------------

 

[mutanic]

apsal jadi 0 plak post nko TT?? nah try yg ni, source file boleh dapatkan dari website jQuery.ui nyer, yang ni lebey kurang gak la tp lebih ker floating notification :

<link rel="stylesheet" href="https://www.yourwebsite.com/cb/Temp/jquery.ui.all.css">
<script src="https://www.yourwebsite.com/cb/Temp/jquery-1.5.1.js"></script>
<script src="https://www.yourwebsite.com/cb/Temp/jquery.bgiframe-2.1.2.js"></script>
<script src="https://www.yourwebsite.com/cb/Temp/jquery.ui.core.js"></script>
<script src="https://www.yourwebsite.com/cb/Temp/jquery.ui.widget.js"></script>
<script src="https://www.yourwebsite.com/cb/Temp/jquery.ui.mouse.js"></script>
<script src="https://www.yourwebsite.com/cb/Temp/jquery.ui.draggable.js"></script>
<script src="https://www.yourwebsite.com/cb/Temp/jquery.ui.position.js"></script>
<script src="https://www.yourwebsite.com/cb/Temp/jquery.ui.resizable.js"></script>
<script src="https://www.yourwebsite.com/cb/Temp/jquery.ui.dialog.js"></script>
<script src="https://www.yourwebsite.com/cb/Temp/jquery.effects.core.js"></script>
<script src="https://www.yourwebsite.com/cb/Temp/jquery.effects.blind.js"></script>
<script src="https://www.yourwebsite.com/cb/Temp/jquery.effects.explode.js"></script>
<link rel="stylesheet" href="https://www.yourwebsite.com/cb/Temp/demos.css">

<script type="text/javascript">
$( ".selector" ).dialog({ resizable: false });
$.fx.speeds._default = 1000;
$(document).ready(function() {
var $dialog = $('<div></div>')
.html('Bubuh la HTML tag nak embed video ka flash ka gambar ka text ka apa2 jerlah...')
.dialog({
autoOpen: true,
title: 'Pengumuman',
show: "blind",
height: "610",
width: "400",
position: [0,25],
buttons: { "Close": function() { $(this).dialog("close"); } }
});

$dialog.dialog('open');
return false;
});
</script>