در زمان های قبل تر چنانچه قصد تغییر ماوس یا همان cursor در وب سایت را داشتیم باید رو به جاوا اسکریپت میاوردیم که طبیعتا معایب و مشکلات خود رو داشت .

اما به تازگی این امکان در css فراهم شده که شما میتوانید عکس png یا jpg و یا gif خود را به جای cursor در وب سایت خود قرار دهید .

برای این کار کافیست یک عکس با یکی از پسوند های cur , png , jpg , gif , ani داشته باشید . ( سعی کنید حتما cur باشد و چنانچه عکس شما دارای چنین پسوندی نیست , از این سایت تبدیل به cur نمایید ).

حال کد زیر را در css خود قرار دهید .

body,html{
	cursor:url( آدرس عکس مورد نظر ),auto;	
}

مثلا اگر آدرس عکس شما cursor.cur باشد :

body,html{
	cursor:url(cursor.cur),auto;	
}

نکته مهم :  کد بالا برای نمایش در کل وب سایت نوشته شده و طبیعتا اگر فقط میخواهید در حالت لینک داشته باشید میتوانید a:hover را به جای انتخابگر بنویسید و اگر مثلا فقط برای تگ h1 میخواید , به جای انتخابگر h1 را بنویسید .

به عنوان مثال برای تگ های لینک در حالت ها ( hover ) :

a:hover{
	cursor:url(cursor.cur),auto;	
}

توجه : پسوند cur , پسوندی قابل فهم برای سیستم عامل ویندوز میباشد . به همین خاطر فقط در این سیستم عامل قابل نمایش میباشد . شما اگر قصد دارید برای سیستم عامل های دیگر هم بهینه سازی داشته باشید , میتوانید عکس مورد نظر خود را به 2 پسوند cur و png تبدیل و سپس به روش زیر آدرس دهی نمایید :

body,html{
	cursor:url(cursor.cur),url(cursor.png),auto;	
}

دموی آماده آموزش

فایل آماده آموزش

پخش اختصاصی

آموزش : وحید مجیدی

این کار با استفاده از تکه کد جاوا اسکریپت انجام میپذیرد و مناسب title هایی با طول رشته بالا می باشد .

برای انجام این کار فقط کافیست کد زیر را در داخل صفحات وب سایت خود ( ترجیحا در داخل تگ head و زیر تگ title ) قرار دهید .

<script type="text/JavaScript" language="javascript">
msg = "اسکریپت دات کام"; +  msg;pos = 0;
msg = msg+' - ';
function scrollMSG() {
document.title = msg.substring(pos, msg.length) + msg.substring(0, pos);
pos++;
if (pos > msg.length) pos = 0
window.setTimeout("scrollMSG()",200);
}
scrollMSG();
</script>

نکته 1 : به جای کلمه اسکریپت دات کام , عنوان صفحه ی خود را وارد نمایید.

نکته 2 : در چند خط مانده به آخر , شما میتوانید سرعت حرکت را تعیین نمایید که به صورت پیش فرض 200 می باشد که به معنای 200 میلی ثانیه است . طبیعتا برای سرعت بیشتر , این مقدار را کم و برای سرعت کمتر , این مقدار را افزایش دهید .

پخش اختصاصی

آموزش : وحید مجیدی