សួស្ដីបាទ សុខសប្បាយជាទេ? ខ្ញុំសង្ឃឹមថាលោកអ្នកដែលបានមើលរាល់គន្លឹះក្នុងការប្រើ
blogger កន្លងមក
ប្រាកដជាចេះប្រើច្រើនហើយមើលទៅ។
កាលពីលើកមុខប្លកIdea For Khmerបានសរសេរគន្លឹះមួយដែលនិយាយអំពី
"ការបង្កើតផ្កាយតូចៗអោយជ្រុះចេញពី Cursor នៅពេលមានចលន"
នោះរូបផ្កាយតូចៗដែលមានជ្រុងបួន ជាច្រើននឹងធ្លាក់ចេញពី Cursor ឲ្យរយ៉ៃ ហេសហេ :D។ គន្លឹះលើកនេះគឺខុសពីលើកមុនបន្តិច
ត្រង់រូបរបស់វាដែលគេឲ្យឈ្មោះថា "ព្រិលធ្លាក់នៅពេលមានចលនា cursor" ស្រដៀងនឹងផ្កាយដែរ។
សូមមើលវិធីដាក់ដ៏ងាយស្រួលខាងក្រោមនេះ៖
- ចូលទៅ Layout រួចចុច
Add a Gadget ។
.png)
- រមូលចុះ (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 ផងណា៕