10/10/2018, 11:25
Cách làm popup khi vào trang chủ
Mình đang làm cái popup khi vào trang chủ thì nó hiện đầu tiên, sau đó người dùng nhấn close thì nó sẽ tắt đi.
Các bạn giúp với, làm bằng jQuery thì càng tốt
Các bạn giúp với, làm bằng jQuery thì càng tốt
Bài liên quan
<div id="my_popup" >Noi dung popup</div>
<script language="javascript">
$("#my_popup").modal({minWidth:400,minHeight:200,o nClose : function (close_popup){dong_popup();$.modal.close();
}});
</script>
Rồi bạn làm 1 cài funtion dong_popup, dùng session hoặc cookie ở đây để lưu vào là đã mở popup, lần sau kiểm tra ko cho hiện nữa
<style type="text/css">
#floating
{
z-index: 450;
position: absolute;
width: 490px;
height: 368px;
}
#overPage
{
background: black;
z-index: 350;
position: absolute;
left: 0;
top: 0;
}
</style>
<!--Begin Adv Popup-->
<div id="ctl00_ContentPlaceHolder1_Adv_Popup_pnAdv">
<div id="overPage">
</div>
<div id="floating">
<img src="images/home.jpg" width="490" height="360" usemap="#offline"
border="0" style="cursor: pointer" /></div>
<map name="offline">
<area shape="rect" coords="420,0,490,30" onClick="javascript:closeMe();" alt="Close"
style="cursor: pointer" />
<area shape="rect" coords="0,30,490,330" href="http://nhadatsaodo.com/home/contact.php" target="_blank" onClick="javascript:closeMe();" style="cursor: pointer" />
</map>
<script language="javascript" type="text/javascript">
var lastScroll;
var delay = 30;
var speed = 50;
var img_w = 490;
var img_h = 360;
function centerIt() {
$("#overPage").css("width", $(window).width());
$("#overPage").css("height", $(document).height());
$("#floating").css("left", $(window).width() / 2 - img_w / 2);
$("#floating").css("top", $(window).height() / 2 - img_h / 2 + $(document).scrollTop());
}
$(document).ready(function() {
$("#overPage").css("opacity", 0.7);
$("#overPage,#floating").show();
centerIt();
});
$(window).scroll(function() {
setTimeout(function() { ani(); }, delay);
lastScroll = new Date().getTime();
});
$(window).resize(function() {
centerIt();
});
function ani() {
if ((new Date().getTime() - lastScroll) >= (delay - 20)) {
$("#floating").animate({ top: ($(window).height() / 2 - img_h / 2 + $(document).scrollTop()) }, speed);
}
}
function closeMe() {
$("#overPage,#floating").hide();
}
</script>
</div>
<!--End Adv Popup-->
Bạn chèn vào trang index nhé thay anh và đường link theo ý mình
tai file tại đây http://www.mediafire.com/?cws597u7x13kc
Demo http://nhadatsaodo.com