ساخت پنجره تبلیغاتی پاپ آپ JQuery

نمایش فریم تبلیغاتی به همراه دکمه بستن پنجره

برای ساخت یک پنجره یا فریم Frame تبلیغاتی که پس از کلیک کاربر روی متن یا لینک ظاهر میشه حتما” این مطلب رو بخوانید . این پنجره این امکان رو به کاربر شما می دهد تا در صورتی که علاقه ای به خواندن محتوای تبلیغ ندارد پنجره را ببندد و به صفحه قبلی بازگردد . برای این کار از JQuery استفاده کردیم .
با این کد می توانید پیغام یا تبلیغ خود را زیباتر به کاربر نشان دهید و دیگر نیاز نیست او را مجبور به انتقال به صفحه جدید کنید !

خوب این کدها در تگ <head> و <head/>  قرار بدید :

کد جاوا اسکریپت :

کد قالب صفحه ( CSS )  :


کد div که در متن شما قرار می گیرید :

همچنین:  لوگو پرسپلیس و استقلال برای طرفداران

خوب این کد در تگ <body> و <body/> قرار می گیرد

به جای Bcode.ir میتوانید عبارت مورد نظر خودتون را قرار بدهید
و متن شما داخل div قرار می گیرد

توضیحات :

محتوایی که می خواهیم داخل پاپ آپ نمایش داده شود، داخل یک عنصر div که دارای یک خصیصه id است قرار میگیرند.
برای لینکی که می خواهیم با کلیک روی آن پاپ آپ نشان داده شود، خصیصه Name را برابر با modal قرار میدهیم. همچنین خصیصه href این لینک را برابر با id عنصر div که محتوا در آن قرار گرفته است، قرار می دهیم. کد جاوااسکریپت نوشته شده، در داخل صفحه به دنبال لینکی که دارای خصیصه name=”modal” است، جستجو میکند و سپس عنصری را که در خصیصه href به آن اشاره شده، به عنوان پاپ آپ نمایش می دهد.
یک عنصر div دیگر به عنوان ماسک دودی رنگ در زیر پاپ آپ کل صفحه را می پوشاند.

اشتراک گذاری این صفحه

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

نشانی ایمیل شما منتشر نخواهد شد.