මවුස් move ක‍්රනකොට පින්තුරේ වෙනස් ක‍්රමු(java script-11)

ඔන්න අද මම කියන්න යන්නේ තවත් ජවා ස්ක‍්රිප්ට් වලින් ක‍්රන්න පුලුවන් එලකිරි වෑඩක් ගෑනයි.ඔයාල දෑකල ඈති අපි සමහ‍්ර අයික්න් උඩින් මවුස් එක අරගෙන යන කොට සමහ‍්ර ඒවා සූම් වෙනව සමහ‍්ර එවා වෙනස් වෙනවා.ගොඩක් වෙලාවට මේවා ක‍්රන්නේ ෆ්ලෑෂ් වලින්නේ.ඒ උනාට මම කියලා දේන්නම් ජවා ස්ක‍්රිප්ට් වලින් ඒක ක‍්රන්නේ කොහොමද කියලා.මෙහෙමයි අපි මෙතනදි මේක් ක‍්රන්නේ පින්තුර 2ක් යොදා ගෙනයි.

-මෙන්න කොඩ් ඒක-

function mouseOver() { document.getElementById("b1").src ="http://www.wowwomen.com/dedication/becky/image/world02.gif"; } function mouseOut() { document.getElementById("b1").src ="http://cdn.bleacherreport.net/images/team_logos/50x50/2010_fifa_world_cup.png"; } </script> <a href="http://pawenalokaya.blogspot.com/" > <img border="0" src="http://cdn.bleacherreport.net/images/team_logos/50x50/2010_fifa_world_cup.png" id="b1" width="26" height="26" onmouseover="mouseOver()" onmouseout="mouseOut()" /></a>

මේකේ function mouseOver() එකට පහලින්

document.getElementById("b1").src ="http://www.wowwomen.com/dedication/becky/image/world02.gif";කියනතෑන

http://www.wowwomen.com/dedication/becky/image/world02.gif වෙනුවට mouseOver කලහම තිබිය යුතු පින්තුරේ ලින්ක් එක දාන්න.

ඊටත් පහලින් තියන function mouseOut() කියන තෑනත්

http://www.wowwomen.com/dedication/becky/image/world02.gif පින්තුරේ වෙනුවට mouseOut කලහම එන්න ඕන පින්තුරේ දාන්න.

(*ඔය හෑම තෑනම src = "" කියල තියනනේ යම්කිසි ෆයිල් එකක් තියන ස්ථානයක්. img src="" කියලා කියන්නනේ පින්තුරයක් තියන තෑනක්)

අන්තිමට තියන පින්තුරේ ඒකියන්නේ

http://cdn.bleacherreport.net/images/team_logos/50x50/2010_fifa_world_cup.png කියන පින්තුරෙ වෙනුවට පෙජ් එක ලොඩ් වෙනකොට තිබිය යුතු පින්තුරේ දාන්න.

බ්ලොග් එකට දාන්නෙ මෙහෙමයි

මුලින්ම උඩ තියන කොඩ් එක කොපි ක‍්රගන්න

ඊට පස්සේ 1.Dashboard >2.Design >3.Add a Gadget>4.HTML/JavaScript Add යන්න

ඊට පස්සෙ එන වින්ඩෝ එකේ Content කියන තෑනට මේ කොඩ් එක පෙස්ට් ක‍්රලා සෙව් ක‍්රන්න.

-මෙන්න preview එක-