Wednesday, 27 May 2015

ဘေလာ့မွာ Rainbow animation ေတြလုပ္ၾကည့္မယ္


  • ပထမဆုံး  Sign In to you Blogger Account.
  • ဆက္လက္ျပီး   Blogger Sing In->Edit HTML
  • <head>   ဆိုတဲ့ကုဒ္ကို ရွာလိုက္ပါ ေတြ႕ျပီဆိုတာနဲ႕..ေအာက္ကေပးထားတဲံကုဒ္ေတြကို သူ႕ေအာက္ကေန ကပ္ထည့္လိုက္ပါ။
<script type='text/javascript'>
//<![CDATA[
var rate = 20;
if (document.getElementById)
window.onerror=new Function("return true")
var objActive;  // The object which event occured in
var act = 0;    // Flag during the action
var elmH = 0;   // Hue
var elmS = 128; // Saturation
var elmV = 255; // Value
var clrOrg;     // A color before the change
var TimerID;    // Timer ID
if (document.all) {
document.onmouseover = doRainbowAnchor;
document.onmouseout = stopRainbowAnchor;
}
else if (document.getElementById) {
document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT);
document.onmouseover = Mozilla_doRainbowAnchor;
document.onmouseout = Mozilla_stopRainbowAnchor;
}
function doRainbow(obj)
{
if (act == 0) {
act = 1;
if (obj)
objActive = obj;
else
objActive = event.srcElement;
clrOrg = objActive.style.color;
TimerID = setInterval("ChangeColor()",100);
}
}
function stopRainbow()
{
if (act) {
objActive.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}
function doRainbowAnchor()
{
if (act == 0) {
var obj = event.srcElement;
while (obj.tagName != 'A' && obj.tagName != 'BODY') {
obj = obj.parentElement;
if (obj.tagName == 'A' || obj.tagName == 'BODY')
break;
}
if (obj.tagName == 'A' && obj.href != '') {
objActive = obj;
act = 1;
clrOrg = objActive.style.color;
TimerID = setInterval("ChangeColor()",100);
}
}
}
function stopRainbowAnchor()
{
if (act) {
if (objActive.tagName == 'A') {
objActive.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}
}
function Mozilla_doRainbowAnchor(e)
{
if (act == 0) {
obj = e.target;
while (obj.nodeName != 'A' && obj.nodeName != 'BODY') {
obj = obj.parentNode;
if (obj.nodeName == 'A' || obj.nodeName == 'BODY')
break;
}
if (obj.nodeName == 'A' && obj.href != '') {
objActive = obj;
act = 1;
clrOrg = obj.style.color;
TimerID = setInterval("ChangeColor()",100);
}
}
}
function Mozilla_stopRainbowAnchor(e)
{
if (act) {
if (objActive.nodeName == 'A') {
objActive.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}
}
function ChangeColor()
{
objActive.style.color = makeColor();
}
function makeColor()
{
// Don't you think Color Gamut to look like Rainbow?
// HSVtoRGB
if (elmS == 0) {
elmR = elmV;    elmG = elmV;    elmB = elmV;
}
else {
t1 = elmV;
t2 = (255 - elmS) * elmV / 255;
t3 = elmH % 60;
t3 = (t1 - t2) * t3 / 60;
if (elmH < 60) {
elmR = t1;  elmB = t2;  elmG = t2 + t3;
}
else if (elmH < 120) {
elmG = t1;  elmB = t2;  elmR = t1 - t3;
}
else if (elmH < 180) {
elmG = t1;  elmR = t2;  elmB = t2 + t3;
}
else if (elmH < 240) {
elmB = t1;  elmR = t2;  elmG = t1 - t3;
}
else if (elmH < 300) {
elmB = t1;  elmG = t2;  elmR = t2 + t3;
}
else if (elmH < 360) {
elmR = t1;  elmG = t2;  elmB = t1 - t3;
}
else {
elmR = 0;   elmG = 0;   elmB = 0;
}
}
elmR = Math.floor(elmR).toString(16);
elmG = Math.floor(elmG).toString(16);
elmB = Math.floor(elmB).toString(16);
if (elmR.length == 1)    elmR = "0" + elmR;
if (elmG.length == 1)    elmG = "0" + elmG;
if (elmB.length == 1)    elmB = "0" + elmB;
elmH = elmH + rate;
if (elmH >= 360)
elmH = 0;
return '#' + elmR + elmG + elmB;
}
//]]>
</script>

မေဆ့မွီ preview နဲ႕ၾကည့္လိုက္ပါေနာ္..အိုေချပီဆိုတာနဲ႕...
  • Save လို႕ရပါျပီ . !


Related Posts:

  • ဘေလာ့မွ ၀င္၀င္တာနဲ႕ ၾကိဳဆိုတဲ့ေဘာက္ေလးထည့္မယ္  ဒါေလးကေတာ့ မိမိတို႕ဘေလာ့မွာ စ၀င္၀င္ခ်င္း ၾကိဳဆို ႏွဳတ္ဆက္တဲ့ စာသား ေဘာက္ေလးပါ။ လုိအပ္သူမ်ားသုံနိဳင္ဖို႕ မွ်ေ၀လုိက္ပါတယ္ေနာ္.... ထည့္နည္းးးးးးးးးးးးးးးးးးးးးးးးးး ►1-  Blogger Singin ၀င္လိုက္ပါ။ ►2-  D… Read More
  • ဘေလာ့ရဲ႕ Newer Post......Home.....Older Post ေတြအလုပ္မလုပ္ခဲ့ရင္  ဘေလာ့မိတ္ေဆြမ်ားအတြက္ တခါတရံမွာ ေတြ႕ရခဲတဲ့ ျပႆနာေလးတစ္ခုအေၾကင္းေျပာျပျခင္ပါတယ္.. အဲတာကေတာ့ ရွားရွားပါးပါးျဖစ္တတ္တာပါ... ဘေလာ့ရဲ႕ ေအာက္ေျခက  အဲလိုေလး  Newer Post...............Home............Older Post… Read More
  • CSS3သံုးျပီးပိုစ္စလံုးေတြကိုအၾကီး-အေသးေျပာင္းနည္း  ဒါေလးကေတာ့ မိမိတို႕ႈဘေလာ့ေပၚမွာ စာလုံးေလးေတြ အၾကီး-အေသး စိတ္ၾကိဳက္ ကလစ္လို႕ ဖတ္ရွဳနိဳင္တဲ့ နည္းလမ္းေလးပါ..သူကလဲ ရွိထားရင္ ပိုအဆင္ေျပပါတယ္.. တခ်ိဳ႕စာသားေတြက ေသးငယ္ေနလို႕ အာရံုေၾကာ ထိခိုက္ေစနိဳင္တာမ်ိဳးျဖစ္တတ္ပါတယ္… Read More
  • ဘေလာ့မွာ Post နဲ႕ Comment အေရတြက္ေလးသိျခင္ရင္ ခုတင္တဲ့ အေၾကာင္းရာေလးကေတာ့.. မိမိတို႕ဘေလာ့မွာ  တင္ထားသမွ် ပို႕စ္အေရတြက္ဘယ္ေလာက္ရွိေနျပီ.... ကြန္မက္ေပးထားတာ ဘယ္ေလာက္ရွိေနျပီဆိုတဲ့ မွတ္စုေလးတစ္မ်ိဳးပါဘဲ.. အလြယ္တကူၾကည့္ နိဳင္ သိနိဳင္တဲ့ နည္းေလးမို႕ တင္ထားသင့္ပါတယ… Read More
  • ဘေလာ့မွာ You Might Also Like ပုံေလးေတြ ထည့္နည္း  သည္နည္းေလးကေတာ့ ပထမတစ္ခါ တင္ထားဘူးပါတယ္.. သိပ္မရွင္းလို႕ ထပ္ျပီး တင္ျပလုိက္ရတာပါ.. မိမိတို႕ ပို႕ေအာက္က ပုံေလးေတြနဲ႕ ျပထားတဲ့ You Might Also Like This ဆိုတာေလးထည့္နည္းပါ.... ပထမဆုံး   သည္ေနရာ &nb… Read More

0 comments:

Post a Comment