کد آماده جی کوئری مخفی سازی و نمایش آهسته یک شی

codenama.ir-jquery-post-pic-hide-and-show-tool

سلام.

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

نسخه جی کوئری مورد استفاده

نسخه جی کوئری مورد استفاده برای این کد ۱٫۱۱٫۳ هست ولی رو نسخه های بالاترکه احتمالا کار کنه و روی نسخه های پایینتر رو اطلاعی ندارم.

کد و نحوه استفاده

اگه توی قالبتون جی کوئری دارید که هیچی ولی اگه ندارید این خط رو قبل از تگ <head/> بذارید:

با این کار از فایل جی کوئری که توی هاست گوگله استفاده میشه البته میتونید لینکی که خودتون مورد نظرتونه رو انتخاب کنید
حالا قسمت جی کوئری کد(به همراه کپی رایت سایت !)

چند خط بالا باید بین دوتا تگ اسکریپت باز و بسته باشن و قبل از تگ هد بسته یعنی <head/>،یعنی مثل قسمت زیر باشن: (منظور از **** کد های دیگه قالبتونه)

حالا باید توی صفحه یک دکمه بیاد که کار مخفی یا نمایش دادن رو انجام بده که من آی دی اون رو hidebuttonT گذاشتم ولی متیونید چیز دیگه ای رو هم انتخاب کنید. توجه کنید که testdiv آی دی یک شی آزمایشیه ولی شما میتونید آی دی شی مورد نظر خودتون رو بدید.

اگر شی مورد نظرتون آی دی نداره بهش یک id اختصاص بدید(مثل کد قسمت دکمه)

 کد اضافه کردن دکمه به صفحه

بجای مخفی / نمایش هم میتونید متن دیگه ای بذارید.

یک پیشنمایش از این ابزار:

مشاهده پیشنمایش

 

ابوالفضل

علاقه مند به برنامه نویسی اندروید ، طراحی وب و گرافیک

مطالب مرتبط

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

چهار − 2 =

www.000webhost.com