نکات ریز طراحی وب

بسمه تعالی
با سلام و خوش آمد گویی !
توی طراحی وب یه سری نکات ریز هست که وقتی ما یه زبان برنامه نویسی تحت وبو از یه کتاب یاد می‌گیریم نوشته نشدن یا مثلا استاد توی کلاس‌ها وقت نشده بگه، توی این وب نکاتی رو که یه طراح سایت ممکنه بهش بربخوره و ندونه رو می‌نویسم. امیدوارم دوستانی هم که تو طراحی با این مشکلات مواجه می‌شن با خوندن این وب اشکلاتاتشون رفع بشه.

طبقه بندی موضوعی
Normal 0 false false false EN-US X-NONE AR-SA MicrosoftInternetExplorer4

وقتی که میخوایم متن یه label رو یا textbox رو یا حالا یه متنی رو زیر خط دار کنیم وقتی که ماوس روش قرار میگیره در واقع باید برای رویداد onmouseenter کد بنویسیم برای مثال :

یا برای تغییر رنگ متن :

یا میتونیم به جای نوشتن رنگ از کد رنگ استفاده کنیم :

حالا اگه بخوایم وقتی ماوس از روی متن خارج شد رنگ متن به حالت اولیه برگرده یا زیرخط حذف بشه باید همین دستورات رو تو رویداد onmouseout بنویسیم مثال حذف زیر خط متن وقتی ماوس از روی متن خارج میشه :

در واقع ما از دستورات جاوااسکریپت استفاده کردیم که دارای رویدادهای زیادی هست و خیلیم کاربردین اما شرح دستورات با چن تا مثال :

 

}onmouseenter

;'this.style.backgroundcolor='red

;'this.style.display='none

;'this.style.display='block

;'this.style.cursor='pointer

{

توضیح مثال بالا : اول باید دقت کنیم که چهار خط دستور بالا داخل رویداد onmouseenter نوشته شدن یعنی هر وقت اشاره گر ماوس وارد اون کنترلی که ما این رویدادو براش نوشتیم بشه این دستورات اجرا میشه this به کنتری که داریم براش کد مینویسیم اشاره میکنه یعنی برای اینکه لازم نباشه اسم کنترل رو ذکر کنیم از this استفاده میشه بعد مشخص میکنیم که میخوایم استایل های این کنترل رو تغییر بدیم و بعد اسم اون صفتی که میخوایم تغییر بدیمو مینویسیم برای مثال اولین خط رنگ پس زمینه رو قرمز میکنه دومین خط اون کنترل رو مخفی میکنه ینی نشون داده نمیشه چون این دستور داخل onmouseenter نوشته شده به محض این که اشاره گر ماوس روی این کنترل قرار بگیره اول رنگ پس زمینه قرمز میشه بعد نشون داده نمیشه تو سومین خط گفتیم دوباره کنترل رو نشون بده اگه display رو block قرار بدیم نشون داده میشه و در اخرین خط گفتیم هر وقت اشاره گر وارد این کنترل شد اشاره گر ماوس به صورت pointer نشون داده بشه

نظرات  (۰)

هیچ نظری هنوز ثبت نشده است

ارسال نظر

ارسال نظر آزاد است، اما اگر قبلا در بیان ثبت نام کرده اید می توانید ابتدا وارد شوید.
شما میتوانید از این تگهای html استفاده کنید:
<b> یا <strong>، <em> یا <i>، <u>، <strike> یا <s>، <sup>، <sub>، <blockquote>، <code>، <pre>، <hr>، <br>، <p>، <a href="" title="">، <span style="">، <div align="">
تجدید کد امنیتی