Wednesday 15 September 2010

Random Rotating Banner လုပ္ရေအာင္ပါ

F5ႏွိပ္ရင္ ဒါမဟုတ္ စကရင္ရ္္ ရီဖရတ္ရ္ လုပ္ရင္သာမကပဲ လာလည္သူ တၾကိမ္လာတုိင္း Banner
တမ်ိဳးစီေျပာင္းေနေအာင္လုပ္ေပးေနသူေတြ ပထမဆုံးအေနနဲ႔

#header {
background:#476 url("http://www.blogblog.com/rounders4/bg_hdr_bot.jpg") no-repeat left bottom;
margin:0 0 0;
padding:0 0 8px;
color:#fff;
font-family: "ZawGyi-One", ZawgyiOne, Zawgyi1, arial, sans-serif;
}
ကုိျဖစ္ေအာင္


Blog Header
ထဲမွာ သြားျပင္ပါ။ ျပီးရင္
<body>
ထဲမွာ

<script type="text/javascript">


var banner= new Array()


banner[0]="မိမိbanner တင္ထားရာအင္တာနက္လိပ္စာ"
banner[1]="မိမိbanner တင္ထားရာအင္တာနက္လိပ္စာ"
banner[2]="မိမိbanner တင္ထားရာအင္တာနက္လိပ္စာ"
banner[3]="မိမိbanner တင္ထားရာအင္တာနက္လိပ္စာ"
banner[4]="မိမိbanner တင္ထားရာအင္တာနက္လိပ္စာ"
var random=Math.round(4*Math.random());


document.write("<style>");
document.write("#header {");
document.write(' background:url("' + banner[random] + '") no-repeat left TOP;');
document.write(" }");
document.write("</style>");
</script>

ထည့္ေပးလုိက္ပါ။ banner ၅ခုသုံးထားတဲ့အတြက္(4*Math.random()); ထဲမွာ ၄လုိ႔ေရးေပးထားတာပါ။ကုိယ္က ၃ ခုသာ သုံးရင္ ၂ လုိ႔ေျပာင္းေပးဖုိ႔လုိပါလိမ္မယ္။ ဒါဆုိရင္ အားလုံးျပည့္စုံပါျပီ။
မွ်ေ၀ႏုိင္ၾကပါေစ ....

0 comments:

Post a Comment