ایجاد تاخیر در اجرای جی کوئری

شاید بعضی از اوقات لازم باشه که کدهای جی کوئری خود را با تاخیر اجرا کنید  و بخواهید زمانی برای آن در نظر بگیرید (TimeOut) که هنگامی که موس  بعد از زمان مورد نظر کد شما اجرا شود.

تاخیر جی کوئری

این تاخیر بیشتر در اسلاید ها و نمایش ها استفاده می شود. به عنوان مثال وقتی میخواهید یک باکس هنگامی که موس روی آن کلیک شد یا Hover شد با کلاسی اضافه شود یا با تاخیر محو شد یا لود شود و … شاید اولی چیزی که به ذهن برسد استفاده ا تابع delay() استفاده کنند. اما این تابع برای برای انیمیشن ها استفاده میشه و اینجا جواب نمیده.

در لینک زیر با مثال توضیح دادم. میتونید در قسمت پایانی زمان دلخواه را برای تاخیر مشخص کنید.

http://jsfiddle.net/p4b7P/96/

[pre]

var hoverTimeout;
$(‘#mydiv’).hover(function() {
$(this).addClass(‘hovered’);
}, function() {
var $self = $(this);
hoverTimeout = setTimeout(function() {
$self.removeClass(‘hovered’);
}, ۱۰۰۰); //set time
});

[/pre]

 

سوالی داشتید در قسمت نظرات مطرح کنید.

در همین رابطه بخوانید : رفع تداخل در جی کوئری

طراحی سایت تالارهای پذیرایی

در جهت خدمات رسانی به دوستان و همکاران، طراحی سایت اختصاصی جهت تالارهای پذیرایی پذیرفته می شود

طراحی سایت تالار پذیرایی، طراحی سایت تالار عروسی، طراحی سایت باغ تالار پذیرایی

با توجه به فعالیت های مستمر و همکاری های گوناگون با تالارهای پذیرایی همراه با برخی از مسئولین اتحادیه و تالاردارهای ایران و بعضی از مدیران محترم تالارهای پذیرایی اقدام به راه اندازی سایت جامع تالارهای پذیرایی ایران (تالار نت) کردیم که به لطف خدا این سایت چندی است فعالیت خود را در آغاز کرده است.

در همین راستا در جهت خدمات رسانی به دوستان و همکاران، طراحی سایت تالار پذیرایی بصورت اختصاصی پذیرفته می شود. با توجه به تجربه و سابقه کاری بهتر از هر شخص و مجموعه ای نیازهای سایت تالارهای پذیرایی، باغ تالارهای پذیرایی، هتل تالار، باشگاه پذیرایی و همچنین خدمات مرتبط از جمله آتلیه های عکاسی، مزون ها و آرایشگاه های عروس و … را می دانیم و می توانیم سایتی مطابق با استاندارهای جهانی و نیازهای شما طراحی می کنیم .

طراحی سایت تالار پذیرایی، طراحی سایت تالار عروسی

از جمله امکاناتی که در طراحی سایت تالارهای پذیرایی و … قرار داده می شود به شرح ذیل می باشد

گالری تصاویر تالار با افکت های بسیار زیبا

اسلاید شو بسیار زیبا و متحرک

منوهای غذا بصورت جی کوئری بصورت انیمیشن

قرار دادن تصاویر پاناروما (تصاویر سه بعدی بصورت تور مجازی)

معرفی وب سایت شما به موتورهای جستجو (جهت جستجوی بهتر و قرار گرفتن سایت شما در رتبه های نخست موتورهای جستجو)

قرار دادن نقشه ماهواره ای از آدرس مجموعه (جهت رفاه کاربران و پیدا کردن راحت تر تالار)

قرار دادن فرم های مختلف مثل فرم تماس، فرم رزرو و …

قابلیت آپدیت و بروزرسانی  آسان سایت توسط شما بدون نیاز به دانش برنامه نویسی و طراحی سایت

 

همین حالا تماس بگیرید :

۷۷۶۷۱۴۹۸ (۰۲۱) – ۰۹۱۲۲۳۸۳۲۲۱ 

“مشاوره رایگان

 

طراحی سایت مذهبی با تخفیف ویژه

گروه طراحی سایت یک طراح با هدف نشر و ترویج سایت های با مزامین فرهنگی، مذهبی و ارزشی اقدام به طراحی سایت با تخفیف ویژه برای این دست سایت ها نموده است.
در این راستا انجام طراحی کلیه سایت ها مذهبی مانند طراحی سایت هیئت های مذهبی، طراحی سایت اماکن مذهبی و مساجد، طراحی سایت بسیج، طراحی سایت های خبری فرهنگی، طراحی سایت های روحانیون و علما، طراحی سایت ارزشی با تخفیف ویژه و امکانات مناسبت ارائه می نماید.

برخی از امکانات مورد نیاز طراحی سایت

راه اندازی بخش اخبار

راه اندازی گالری صوتی و تصویری

سیستم اوقات شرعی برای تمام استان ها

سیستم صوتی و تصویری مداحی و سخنرانی

راه اندازی بخش ویژه دانلود

سیستم پاسخ گویی به سوالات شرعی

راه اندازی جستجوی پیشرفته

اسلایدر تصاویر

خبرنامه سایت

و دیگر امکانات مورد نیاز

جهت ارتباط و مشاوره رایگان میتوانید با شماره تلفن ۷۷۶۸۵۷۵۳ و یا از طریق اطلاعات صفحه “تماس با ما” ارتباط برقرار نمایید.

برخی نمونه کارهای مرتبط :

آشنایی با HTML5 و ویژگی های آن

در سال ۲۰۰۸ اولین پیش نویس HTML5 که نسل جدید و حرفه ای زبان برنامه نویسی html و آخرین استنداندارد HTML, XHTML, HTML DOM است معرفی شد و در سال ۲۰۱۱، HTML5 که حاصل همکاری بین کنسرسیوم شبکه جهانی وب (W3C) و گروه کاری فناوری ابرمتن وب (WHATWG) می باشد معرفی شد.

در ورژن های قدیم HTML ساختار کدها با صورت زیر بود و بین div یا table قرار میگرفت و جهت نامگذاری از class و id استفاده میشد.

hml4

در طراحی سایت با html5 ساختار کدها عوض شده و از حالت منحصر به div بودن خارج شده و استفاده بیش از حد از div را بی نیاز میکند . نحوه قرار گیری تگ ها و ویژگی هاMی صفحه در html5 را در شکل زیر میتوانید مشاهده کنید

html5

استنداندارد XHTM (HTML 4.01) در سال ۱۹۹۹ پایگذاری شد و در سال ۲۰۰۸ اولین پیش نویس HTML5 که نسل جدید و حرفه ای زبان برنامه نویسی html و آخرین استنداندارد HTML, XHTML, HTML DOM است معرفی شد و در سال ۲۰۱۱، HTML5 که حاصل همکاری بین کنسرسیوم شبکه جهانی وب (W3C) و گروه کاری فناوری ابرمتن وب (WHATWG) می باشد معرفی شد.

با توجه به اینکه HTML5 هنوز در حال گسترش است همه ویژگی های آن در همه مرورگرها پشتیبانی نشده . در حال حاضر مرورگرهای معروف (chrome, firefox, ie9 safari, opera) از قالب تگ های آن پشتیبانی میکنند و همچنین قالب مرورگرهایی که روی موبایل های هوشمند هستند همگی به خوبی HTML5 را بخوبی پشتیبانی میکنند.

جهت اطلاع از میزان پشتیبانی مرورگرها در ورژن های مختلف و میزان پشتیبانی آنها اینجا را ببینید.

مرورگرها

البته با توجه به اینکه سیستم عامل ها بروز شده اند و قالبا از مرورگرهای جدید استفاده میکنند دیگر نباید نگران عدم پشتیبانی HTML5 در مرورگرها بود و می بایست طراحی سایت خود را بر اساس HTML5 و CSS3 انجام داد. در مورد مرورگرهای قدیمی مثل اینترنت اکسپلورر و عدم پشتیبانی آنها میشه از HTML5 Shiv استفاده کرد که در مطالب آتی سایت نحوه استفاده از آن را مورد بررسی قرار خواهیم داد. (پیشنهاد میکنم در خبرنامه سایت یک طراح عضو بشید)

HTML5 دارای تعدادی عناصر و ویژگی های جدید است که در ساخت وب سایت های مدرن کمک می کنند. در زیر مهمترین ویژگی های  HTML5معرفی شده است :

عناصر و ویژگی های HTML5

  1. عناصر جدید معنایی: این عناصر شامل <article> <header> <footer> <section> می باشد.
  2. فرم ها ۲٫۰: ارتقاء به وب فرمهای HTML که در آن خاصیت های جدید برای تگ های <input>معرفی شده است.
  3. ذخیره سازی محلی مداوم: برای دسترسی بدون نیاز به افزونه های شخص ثالث.
  4. WebSocket : یک فنآوری ارتباطات دو طرفه نسل بعدی برای برنامه های کاربردی وب است.
  5. رویدادهای ارسالی از سرور: HTML5 رویدادهایی که از وب سرور به مرورگر وب جریان دارند و رویدادهای ارسالی از سرور (SSE) نامیده میشوند را معرفی می کند.
  6. نقاشی: این ویژگی از یک سطح طراحی دو بعدی، از طریق برنامه نویسی جاوا اسکریپت پشتیبانی می شود .
  7. صدا و ویدئو: شما می توانید صدا یا ویدئو را در صفحات وب خود بدون نیاز به افزونه های شخص ثالث جاسازی کنید.
  8. منطقه جغرافیایی: اکنون بازدید کنندگان می توانند انتخاب کنند که مکان فیزیکی خود را با برنامه تحت وب شما به اشتراک بگذارند.
  9. Microdata: این ویژگی به شما اجازه می دهد صفحات وب خود را با مفاهیم سفارشی گسترش دهید.
  10. کشیدن و رها کردن: این ویژگی شما را قادر خواهد ساخت که آیتم ها را از یک محل به محل دیگر در همان صفحه بکشید و رها کنید.

همچنین میتوانید لیست کاملی از تغییرات HTML4 نسبت به HTML5 داشته را ببینید : HTML5 Differences from HTML4

در موضوعات بعدی به تگ های مربوط به ساختار صفحه در html5 و همچنین بهینه سازی سایت برای موتورهای جستجو (سئو) توسط HTML5 را مورد بررسی قرار می دهیم.