[Javascript] Thông báo POPUP ẩn/hiện

Xem chủ đề cũ hơn Xem chủ đề mới hơn Go down

Chủ đề [Javascript] Thông báo POPUP ẩn/hiện

Bài gửi by HelpsFMvi Fri Jun 24, 2016 12:00 pm


Demo:

[You must be registered and logged in to see this image.]

Hướng dẫn:


1. Tạo 1 trang JS mới

- Title: Popup message
- Placement: Chọn vị trí bạn muốn đặt (In all the pages - tất cả các trang, In the portal - Chỉ hiện ở Portal, hoặc các bạn có thể chọn In the home page - Chỉ hiện ở home page)
- Code:
Code:
$(function() {
    $('body').after('<div id="message-popup" class="hide" onclick="$(\'.hide\').toggle(\'fast\');"></div><div id="content" class="hide"><p>Nội Dung Tin Nhắn</p></div>');
});

2. Cho đoạn này vào CSS

Code:

/*-----  POPUP MESSAGE ---*/
#message-popup {
background: #000000;
position: fixed;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 1000;
margin: 0 auto;
opacity: 0.1;
}

#content-message {
box-shadow: 0px 3px 3px 0px rgba(100,100,100,0.5);
-moz-box-shadow: 0px 3px 3px 0px rgba(100,100,100,0.5);
-webkit-box-shadow: 0px 3px 3px 0px rgba(100,100,100,0.5);
width: 550px;
height: 300px;
position: fixed;
z-index: 1000;
padding: 10px 25px;
left: 33%;
top: 30%;
border-left: 5px solid green;
border-radius: 4px;
background: #ffffff;
font-size: 15px!Important;
}

HelpsFMvi
HelpsFMvi
Ban Quản Trị FMvi
Ban Quản Trị FMvi


Số bài : 104
HelpsPoints : 15323
Likes : 33
Ngày tham gia : 10/03/2016
Trạng thái :
Online
Offline

Tuổi : 26
Location : Ninh Thuận
Google Chrome
Phpbb3

[Click để xem tài sản HelpsFMvi]

https://helps.forumvi.com

Về Đầu Trang Go down

Xem chủ đề cũ hơn Xem chủ đề mới hơn Về Đầu Trang

- Similar topics

 
Permissions in this forum:
Bạn không có quyền trả lời bài viết
Free forum | Nghệ thuật | Thú vui | ©phpBB | Free forum support | Báo cáo lạm dụng | Thảo luận mới nhất
Stylish responsive footer | Script Tutorials