របៀបដាក់ព្រិលតូចៗ ធ្លាក់ ចេញពី Cursor ពេលអ្នកអូស Mouse អោយមានចលនា

សួស្តី មិត្តទាំងអស់គ្នា ខ្ញុំមិនបាន បង្ហាញអ្នកអំពី គន្លឹះ នឹង ចំណេះដឹងអំពី ផ្នែក ពត៍មានវិទ្យា យូរមកហើយ ថ្ងៃនេះខ្ញុំសូមបង្ហាញ អ្នក អំពី របៀបដាក់ព្រិល តូចៗ ធ្លាក់ ចេញពី Cursor ពេលអ្នកអូស Mouse អោយមានចលនា។ ដោយសារ ខ្ញុំ តែងតែ Post នូវចម្រៀងថ្មី ៗ មិនដែលបានដាក់បង្ហាញ អ្នកអំពី គន្លឹះ និង ចំណេះដឹងសម្រាប់អ្នក ទាងអស់គ្នាដែល បានចូលមកទស្សនា អាយ១ទាញយកចម្រៀង ។ ហើយខ្ញុំបង្ហាញអ្នកអំពី គន្លឹះ ថ្ងៃនេះវាក៍អាចធ្វើអោយ ប្លុករបស់យើងវាមាន ការទាក់ទាញមួយកម្រិតថែមទៀតផងដែរ ៕ ប្រសិនបើអ្នកចង់ស្វែងយល់ និង ចំណេះដឹងផ្នែកពត៍មានវិទ្យាអ្នកអាច ចូលទៅស្វែងយល់ តាមរយះ គេហទំព័រមួយនេះ អាយធី ខ្មែរ ៩ ដតណេត   ខ្ញុំ​សង្ឃឹម​ថា​លោក​អ្នក​ដែល​បាន​មើល​រាល់​គន្លឹះ​ក្នុង​ការ​ប្រើ blogger កន្លង​មក​ ប្រាកដ​ជា​ចេះ​ប្រើ​ច្រើន​ហើយ​មើល​ទៅ។ កាល​ពី​លើក​មុខ​អាយធីខ្មែរ៩ បាន​បង្ហាញ អ្នកអំពី ​គន្លឹះ​មួយ​ដែល​និយាយ​អំពី​ "ការ​បង្កើត​ផ្កាយ​តូចៗ​អោយ​ជ្រុះ​ចេញ​ពី Cursor នៅ​ពេល​មាន​ចលនា" នោះ​រូប​ផ្កាយ​តូចៗ​ដែល​មាន​ជ្រុង​បួន ជា​ច្រើន​នឹង​​ធ្លាក់​ចេញ​ពី Cursor ឲ្យ​រយ៉ៃ។ គន្លឹះ​លើក​នេះ​គឺ​ខុស​ពី​លើក​មុន​បន្តិច ​ត្រង់​រូប​របស់​វា​ដែល​គេ​ឲ្យ​ឈ្មោះ​ថា "ព្រិល​ធ្លាក់​នៅ​ពេល​មាន​ចលនា cursor​" ស្រដៀង​នឹង​ផ្កាយ​ដែរ។ សូម​មើល​វិធី​ដាក់​ដ៏​ងាយស្រួល​ខាងក្រោម​នេះ​៖

- កត់ត្រា​ចូល​ក្នុង (Log In) គណនី blogger របស់​លោកអ្នក។
- ចូល​ទៅ Layout រួច​ចុច Add a Gadget ។

- រមូល​​ចុះ (Scroll) រក​មើល gadget ដែល​មាន​ឈ្មោះ​ថា HTML/JavaScript រួច​លើ​វា​ដើម្បី​បើក (មើល​រូប​ខាង​ក្រោម​នេះ)

- បិទភ្ជាប់​កូដ "ព្រិល​ធ្លាក់​នៅ​ពេល​មាន​ចលនា Cursor" ខាង​ក្រោមនេះ ដាក់​ក្នុងHTML/JavaScript ​ រួច​ចុច Save ។

- ចូល​ដល់​ផ្ទាំង Layout វិញ លោកអ្នក​អាច​ចាប់​ទាញ​ធាតុ​ក្រាហ្វិក "ព្រិល​ធ្លាក់​នៅ​ពេល​មាន​ចលនា Cursor" យក​ទៅ​ដាក់​នៅ​ទីតាំង​ណា​ដែល​​មិន​ទើសទែង ឧទាហរណ៍​នី​ខាង​ក្រោម​គេ​បំផុត​ជាដើម។
- រួច​ចុច​ឆ្នុច  save arrangement  ជា​ការ​ស្រេច។

កូដ "ព្រិល​ធ្លាក់​នៅ​ពេល​មាន​ចលនា Cursor" សម្រាប់​ដាក់​ក្នុង HTML/JavaScript

<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script type="text/javascript">
// <![CDATA[
var colour="black";
var sparkles=100;

var x=ox=400;
var y=oy=300;
var swide=800;
var shigh=600;
var sleft=sdown=0;
var tiny=new Array();
var star=new Array();
var starv=new Array();
var starx=new Array();
var stary=new Array();
var tinyx=new Array();
var tinyy=new Array();
var tinyv=new Array();
window.onload=function() { if (document.getElementById) {
var i, rats, rlef, rdow;
for (var i=0; i<sparkles; i++) {
var rats=createDiv(3, 3);
rats.style.visibility="hidden";
document.body.appendChild(tiny[i]=rats);
starv[i]=0;
tinyv[i]=0;
var rats=createDiv(5, 5);
rats.style.backgroundColor="transparent";
rats.style.visibility="hidden";
var rlef=createDiv(1, 5);
var rdow=createDiv(5, 1);
rats.appendChild(rlef);
rats.appendChild(rdow);
rlef.style.top="3px";
rlef.style.left="0px";
rdow.style.top="0px";
rdow.style.left="3px";
document.body.appendChild(star[i]=rats);
}
set_width();
sparkle();
}}
function sparkle() {
var c;
if (x!=ox || y!=oy) {
ox=x;
oy=y;
for (c=0; c<sparkles; c++) if (!starv[c]) {
star[c].style.left=(starx[c]=x)+"px";

star[c].style.top=(stary[c]=y)+"px";
star[c].style.clip="rect(0px, 5px, 5px, 0px)";
star[c].style.visibility="visible";
starv[c]=50;
break;
}
}
for (c=0; c<sparkles; c++) {
if (starv[c]) update_star(c);
if (tinyv[c]) update_tiny(c);
}
setTimeout("sparkle()", 40);
}
function update_star(i) {
if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
if (starv[i]) {
stary[i]+=1+Math.random()*3;
if (stary[i]<shigh+sdown) {
star[i].style.top=stary[i]+"px";
starx[i]+=(i%5-2)/5;
star[i].style.left=starx[i]+"px";
}
else {
star[i].style.visibility="hidden";
starv[i]=0;
return;
}

}
else {
tinyv[i]=50;
tiny[i].style.top=(tinyy[i]=stary[i])+"px";
tiny[i].style.left=(tinyx[i]=starx[i])+"px";
tiny[i].style.width="2px";
tiny[i].style.height="2px";
star[i].style.visibility="hidden";
tiny[i].style.visibility="visible"
}
}
function update_tiny(i) {
if (--tinyv[i]==25) {
tiny[i].style.width="1px";
tiny[i].style.height="1px";
}
if (tinyv[i]) {
tinyy[i]+=1+Math.random()*3;
if (tinyy[i]<shigh+sdown) {
tiny[i].style.top=tinyy[i]+"px";
tinyx[i]+=(i%5-2)/5;
tiny[i].style.left=tinyx[i]+"px";
}
else {


tiny[i].style.visibility="hidden";
tinyv[i]=0;
return;
}
}
else tiny[i].style.visibility="hidden";
}
document.onmousemove=mouse;
function mouse(e) {
set_scroll();
y=(e)?e.pageY:event.y+sdown;
x=(e)?e.pageX:event.x+sleft;
}
function set_scroll() {
if (typeof(self.pageYOffset)=="number") {
sdown=self.pageYOffset;
sleft=self.pageXOffset;
}
else if (document.body.scrollTop || document.body.scrollLeft) {
sdown=document.body.scrollTop;
sleft=document.body.scrollLeft;
}
else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
sleft=document.documentElement.scrollLeft;
sdown=document.documentElement.scrollTop;
}
else {
sdown=0;
sleft=0;
}
}
window.onresize=set_width;
function set_width() {
if (typeof(self.innerWidth)=="number") {
swide=self.innerWidth;
shigh=self.innerHeight;
}
else if (document.documentElement && document.documentElement.clientWidth) {
swide=document.documentElement.clientWidth;
shigh=document.documentElement.clientHeight;
}
else if (document.body.clientWidth) {
swide=document.body.clientWidth;
shigh=document.body.clientHeight;
}
}
function createDiv(height, width) {
var div=document.createElement("div");
div.style.position="absolute";
div.style.height=height+"px";
div.style.width=width+"px";
div.style.overflow="hidden";
div.style.backgroundColor=colour;
return (div);
}
// ]]>
</script>

- យើង​អាច​ដូរ​ពណ៌​របស់​ព្រិល​ធ្លាក់​បាន​ដោយ ៖
var colour="black"; : ដូរ​ពាក្យ black ទៅ​ជា​ពណ៌​​ដែល​អ្នក​​ត្រូវ​ចិត្ត ឧទាហរណ៍ green, redជាដើម។

   សរុប​មក​ងាយស្រួល​ដាក់​ និង​ដក​ចេញ​វិញ​ជាង​មុន រីករាយ​និង​ការ​រចនា​លម្អ​ប្លក​របស់​លោកអ្នក ជួប​គ្នា​លើក​ក្រោយ​ទៀត​ជា​មួយ​អាយ១ទាញយកចម្រៀង សន្យា​នឹង​ពាំនាំ​គន្លឹះ Blogger ល្អៗ​មក​បន្ថែម​ទៀត សូម​សំណាង​ល្អ​ជួប​គ្នា​ពេល​ក្រោយ កុំ​ភ្លេច​ចែក​រំលែក​គន្លឹះ​ទៅ​កាន់​អ្នក​ដែល​កំពុង​ប្រើប្រាស់ Blogger ផង​ណា៕

អត្ថបទដើម ៖ អាក្បាលធំ