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
haicop viết 13:39 ngày 10/10/2018
http://www.ericmmartin.com/projects/simplemodal-demos/
<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
duyhung07 viết 13:29 ngày 10/10/2018
<script type="text/javascript" src="js/jquery.js"></script>

<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
sungem viết 13:41 ngày 10/10/2018
Bạn ơi, cho hỏi chút, cái file download về được (jqery) đó copy vào đâu vậy? Mình loay hoay mãi k được. Nó báo lỗi hoài. Bạn chỉ giúp nhé. Tks
dinhthuy278 viết 13:38 ngày 10/10/2018
Bạn cho vào thư mục js ấy
Bài liên quan
0