طراحی و بهینه سازیمشاهده




آخرین ارسال های تالار مشاهده انجمن
  • طناب یا نخ نسوز فایبر گلاس 0 پاسخ 2 بازدید
  • شرایط عضویت در هیات مدیره 0 پاسخ 6 بازدید
  • تابعیت شرکت های تجاری 0 پاسخ 6 بازدید
  • تبادل رایگان و هوشمند لینک 2 پاسخ 67 بازدید
  • از گوگل پلاس مشتری جذب کنید ! 0 پاسخ 7 بازدید
  • استفاده از گوگل آنالیز در طراحی سایت 0 پاسخ 5 بازدید
  • نگین تجارت امروز 0 پاسخ 6 بازدید
  • تغییرات در ووکامرس 2 پاسخ 26 بازدید
  • طراحی سایت 0 پاسخ 6 بازدید
  • طراحی سایت دولت الکترونیک در کرج 0 پاسخ 10 بازدید
  •  

    آموزش وردپرس WordPressآموزش وردپرس WordPress سایت

    آموزش جی کوئری jQueryآموزش جی کوئری jQuery جاوا اسکریپت

    آموزش انگولار جی اس Angular JS آموزش انگولار جی اس 2 AngularJS 

    آموزش اچ تی ام ال HTML5 CSS3آموزش HTML5 و CSS3 اچ تی ام ال 5

    آموزش پی اچ پی PHPآموزش پی اچ پی PHP پک 1 برنامه نویسی وب

    آموزش سئو SEO آموزش سئو سایت و وردپرس SEO گوگل 

    آموزش هک قانونی آموزش هک قانونی - نفوذ و امنیت - پک1

    آموزش برنامه نویسی اندروید استودیو  آموزش برنامه نویسی اندروید استودیو  

    آموزش زامارین Xamarinآموزش زامارین Xamarin برنامه نویسی موبایل

    اسلایدر رولوشن فارسی
    هاست

    ساخت تولتیپ خودکار با کمک جی کوئری

    آموزش ها , تولتيپ , جی کوئری , مقالات,آموزش,ترفند
    ساخت تولتیپ خودکار با کمک جی کوئریReviewed by Admin on Jul 22Rating:

    مدتی پیش ، یکی از دوستان سؤالی رو مطرح کرده بود که “چطور میشه حالت پیشفرض تولتیپ رو در لینک های سایتمون شخصی سازی کنیم؟ “، در پاسخ به این دوست عزیز، امروز فرصتی پیدا کردم تا با یک پست آموزشی جدید در خدمت همراهان همیشگی بیست اسکریپت باشم.

    و اما بعد…

    اولین و مهمترین مرحله در انجام این کار، تعریف یک تابع جی کوئری! اما کار این تابع چیه؟!؟
    محوریت کار این تابع، گرفتن توضیحات (Description) از خاصیت (attribute) عنوان (title) یک لینک، حذف حالت پیشفرض و تعیین حالتی جدید… این عملیات رو میتونیم به راحتی با کمک جی کوئری پیاده سازی کنیم. به همین منظور، تابع زیر رو تعریف کردیم:

    JQuery

     

    چون یه مقدار دستورات زیاد، من دیگه تک تک خطوط رو توضیح نمیدم! فقط به این چند مورد اشاره میکنم که توابع مهم ما عبارتند از: attr (تابع پیشفرض جی کوئری) که به همراه مقدار title، وظیفه گرفتن توضیحات خاصیت یک عنوان رو داره – init_tooltip مربوط به بحث موقعیت (position) سازی – remove_tooltip هم برای این که وقتی موس رو از روی یک لینک برداشتیم، کادر تولتیپ رو مخفی کنه…

    اما یک بخش مهم دیگه در تابع بالا، تعریف یک متغیر با نام targets که مقدار خاصیت “rel=”tooltip رو (در صورت موجود بودن) میگیره و انجام کلیه توابع رو محدود به وجود این متغیر میکنه. حالا با توجه به این توضیحات، جهت استفاده از تابع بالا، تنها کافیه که خاصیت  “rel=”tooltip رو به لینک هامون اضافه کنیم. به عنوان نمونه:

    HTML

    توجه: یادتون باشه که برای کار کردن تولتیپ، حتما باید لینک هاتون دارای خاصیت عنوان (title) باشند.

    تا اینجا بخش مهمی از کار رو انجام دادیم، فقط چون این حالت جدید فارق از یک استایل مشخص، با استفاده از نام آی دی tooltip (که تعریفش رو در متغیر tooltip ریخته بودیم)، یک استایل زیبا رو به فرم زیر ایجاد میکنیم که شباهت زیادی به تولتیپ بوت استرپ داره:

    CSS

    و کار تموم…
    امیدوارم که از این آموزش خوشتون اومده باشه…

    فقط فراموش نکنيد که کتابخانه جي کوئري هم حتما بايد در قالبتون فراخواني شده باشه.
    دوستان وردپرسي ميتونن، تابع رو در يک فايل js و کدهاي css رو در شيوه نامه قرار بدن.در آخر هم براي لينک هاشون خاصيت rel رو که توضيحش رو دادم تعريف کنند.


    به کانال تلگرام بیست اسکریپت بپیوندید !

    دانلود

    مطلب مفیدی بود ؟
    نویسنده : admin تاریخ : 1393/04/31 5 آموزش ها , تولتيپ , جی کوئری , مقالات,آموزش,ترفند

    لینک کوتاه مطلب : http://www.20script.ir/?p=7597

    کلمات کلیدی پست :
    درگاه پرداخت
    مطالب مرتبط
    3,336اسلاید تمام صفحه و لغزان به صورت جی کوئری تاریخ : 1395/05/13
    2,069پلاگین جی کوئری دکمه اشتراک گذاری مطالب در موبایل تاریخ : 1395/02/11
    1,708پلاگین جی کوئری Slickhover تاریخ : 1394/12/2
    8,009قالب بسیار زیبای هاستینگ به صورت HTML تاریخ : 1393/05/5
    2,080اسکریپت بازی آنلاین تشخیص اشکال و حروف Symbols تاریخ : 1392/10/24
    4,077پلاگین جی کوئری صفحه بندی برای بوت استرپ تاریخ : 1392/11/20
    2,266اسکریپت لیست کارها به صورت ایجکس تاریخ : 1392/07/29
    4,649اسکریپت اسلاید Coverflow به صورت 3D با jQuery و CSS3 تاریخ : 1393/06/18
    5,402ساخت تابلو اعلانات با کمک جی کوئری تاریخ : 1393/05/21
    2,353افزونه حرفه ای مکعب نمونه کارها تاریخ : 1392/09/24
    2,023پخش کننده صوتی Toneden به صورت جی کوئری تاریخ : 1393/02/17
    2,756اسکریپت jQuery نمایش وضعیت آب و هوا Ideabox تاریخ : 1394/05/31
    برخی از قالب های وبلاگ - بیست اسکریپت
    قالب عشق بین انگشت ها
    قالب دخترونه و آرایش
    قالب زیبای ماشین
    قالب فانتزی و طنز چِشم
    قالب دختر رویایی
    قالب وبلاگ دکوراسیون
    قالب وبلاگ کلبه و درخت
    قالب دختر زیبا
    قالب پسرونه غمگین
    قالب عاشقانه قلب