Code 1:
Tác dụng: khi vào blog quảng popup quảng cáo sẽ hiện ra chạy trượt và làm tối website chỉ mỗi quảng cáo sáng lên > phải tắt hoặc nhấn vào quảng cáo thì blog mới trở lại bình thường
Cách chèn vào blog: Các bạn tải file jquery đính kèm ở dưới về rồi up lên host sau đó sửa lại cho đúng đường dẫn trong code ở dưới
- Các bạn muốn chèn vào trang chủ thì chỉ cần chèn vào ô thông báo của blog
- Muốn quảng cáo hiện tất cả các trang thì chèn vào head(mã ngoài) vào trong thiết lập tham số của blog sẽ thấy
Trích dẫn
<script type="text/javascript" src="http://domain...t;/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="http://ca7.up...cao.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://vietbo...log.net" target="_blank" onclick="javascript:closeMe();" style="cursor: pointer" />
</map>
<script language="javascript" type="text/javascript">
var lastScroll;
var delay = 30;
var speed = 500;
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-->
*-Các bạn tìm http://domain.../js/jquery.js thay bằng link mà file js bạn up lên host của mình.
*-Tìm tiếp tới đoạn http://vietboblog.net Thay bằng link bạn muốn hiển thị khi click vào quảng cáo sẽ dẫn tới đó
*-Tìm tới link ảnh http://ca7.up.../quangcao.jpg Thay bằng cái link bạn muốn hiển thị ảnh quảng cáo
Code 2:
Demo
Tác dụng: như code 1
Cách chèn vào blog: Bạn tải file js đính kèm ở dưới về rồi up lên host lấy đường dẫn chèn vào code dưới
Muốn hiện ở trang chủ hay tất cả các trang thì chèn code vào giống cách code 1 ở trên
Trích dẫn
<script src="js/jquery-1.4.2.min15f9.js?v=5.16"></script>
<script type="text/javascript" src="js/fancybox/fancybox15f9.js?v=5.16"></script>
<link href="js/fancybox/fancybox15f9.css?v=5.16" rel="stylesheet" type="text/css" media="screen" />
</script>
<div id="footer">
<a id="joinapsense" href="http://www.ap...t;.</a>
<script type="text/javascript">
function OpenSignupWindow()
{
$('#joinapsense').trigger('click');
}
$(document).ready(function() {
$("#joinapsense").fancybox({
'width' : 650,
'height' : 380,
'autoScale' : false,
'centerOnScroll' : true,
'transitionIn' : 'fade',
'transitionOut' : 'fade',
'type' : 'iframe',
'overlayOpacity' : 0.85,
});
});
setTimeout ( "OpenSignupWindow()", 3000);
</script>
*- Các bạn tìm http://www.ap...m/joinapsense Thay bằng liên kết tới trang html bạn đã tạo sẳn từ trang html đó bạn có thể nhúng link dẫn tới trang web bạn muốn quảng cáo
- Nội dung thế nào thì bạn mở trang http://www.ap...m/joinapsense sẽ thấy rõ
Download
Code popup 1
Tệp tin tải về - Mật khẩu: vannamdl.net Code popup 2
Tệp tin tải về - Mật khẩu: vannamdl.net Chia sẻ bài viết cho bạn bè:
| Sponsored Links | |
|---|---|
Nhận xét(0)
Đọc(858)



Số lượt khách 481134
Số bài 651
Số nhận xét 637
Số lưu bút 7
Thành viên 19040
Số có mặt 15
Giao diện hiển thị tốt với Firefox, Google Chrome, IE6+...



