آموزش ساخت دکمه پاپ آپ با CSS و جیکوئری

سلام

امروز با آموزش اسکریپت دکمه پاپ آپ در سایت در خدمتون هستم.

ابتدا فایل سورس را دانلود کرده و سپس فایل های جیکوئری را به صفحه تان لینک دهید و سپس کد های html زیر را در جایی که می خواهید دکمه را به نمایش در بیارید کپی کنید.

<div id=”blanket” style=”display:none”></div>
<div id=”popUpDiv” style=”display:none”>

<a href=”#” onclick=”popup(‘popUpDiv’)” >برای بستن کلیلک کنید</a>
</div>
<a href=”#” onclick=”popup(‘popUpDiv’)”>برای باز شدن کلیک کنید</a>

خوب حال استایل زیر را هم در فایل استایلتون کپی کنید

#blanket {
background-color:#111;
opacity: 0.65;
*background:none;
position:absolute;
z-index: 9001;
top:0px;
left:0px;
width:100%;
}
#popUpDiv {
position:absolute;
background:url(pop-back.jpg) no-repeat;
width:400px;
height:400px;
border:5px solid #000;
z-index: 9002;
}

و نکته آخر  اینکه اگر خواستید در هنگام لود صفحه پاپ آپ باز بشه این کد را به تگ بادی Body اضافه کنید :

<body onload=”popup(‘popUpDiv’)”>
امید وارم مفید بوده باشه .
برای دانلود سورس وارد شوید .

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

در صورتی که سوال داشتید می تونید در این لینک مطرح کنید .
یا علی…

برای دانلود فایل واردشوید
ورود ثبت نام

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

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

Time limit is exhausted. Please reload CAPTCHA.