Thiết kế web giá rẻ

Bởi Chuyên cung cấp web giá rẻ chất lượng đứng đầu công nghệ với đội ngũ kỹ sư đam mê tin học 04.6293.3306 - 0933.339826 - 097.355.1833 5 sao trên 12916người dùng
phóng to thu nhỏ tab Hỗ trợ trực tuyến
Khu vực Hà Nội
Khu vực Hồ Chí Minh
    
phóng to thu nhỏ tab Thống Kê Truy Cập
Hôm nay :  85 
Tuần :  544 
Tháng :  2.120 
Năm :  27.892 
Tất cả :  67.739 
11 Người đang online

popup trồi từ bên góc màn hình

Mình xin giới thiệu đoạn code popup trồi lên trên ở góc trái hoặc trái trong website như web của mình khi có người dùng vào. nó sẽ bao gồm button ẩn/hiện giúp người dùng thu nhỏ hoặc mở rộng popup, rất tiện lợi.
Các bạn đưa đoạn code này vào file HTML dạng như sau cho vào footer của website bạn nhé


        <style type="text/css">
* html div#fl813691 {position: absolute; overflow:hidden;
top:expression(eval(document.compatMode &&
document.compatMode=='CSS1Compat') ?
documentElement.scrollTop
+(documentElement.clientHeight-this.clientHeight)
: document.body.scrollTop
+(document.body.clientHeight-this.clientHeight));}
#fl813691{font: 12px Arial, Helvetica, sans-serif; color:#666; position:fixed; _position: absolute; left:0; bottom:0; height:150px; }
#eb951855{ width:279px; padding-right:7px; background:url(catalog/view/theme/default/image/rightp_1.png) no-repeat right top;}
#cob263512{background:url(catalog/view/theme/default/image/full1d.gif) no-repeat left top; height:150px; padding-left:7px;}
#coh963846{color:#690;display:block; height:20px; line-height:20px; font-size:11px; width:277px;}
#coh963846 a{color:#690;text-decoration:none;}
#coc67178{float:right; padding:0; margin:0; list-style:none; overflow:hidden; height:15px;}
#coc67178 li{display:inline;}
#coc67178 li a{background-image:url(catalog/view/theme/default/image/closebutton.gif); background-repeat:no-repeat; width:30px; height:0; padding-top:15px; overflow:hidden; float:left;}
#coc67178 li a.close{background-position: 0 0;}
#coc67178 li a.close:hover{background-position: 0 -15px;}
#coc67178 li a.min{background-position: -30px 0;}
#coc67178 li a.min:hover{background-position: -30px -15px;}
#coc67178 li a.max{background-position: -60px 0;}
#coc67178 li a.max:hover{background-position: -60px -15px;}
#co453569{display:block; margin:0; padding:0; height:123px; border-style:solid; border-width:1px; border-color:#111 #999 #999 #111; line-height:1.6em; overflow:hidden;}
</style>
<div id="fl813691" style="height: 152px;">
<div id="eb951855">
<div id="cob263512">
<div id="coh963846">
<ul id="coc67178">
<li id="pf204652hide"><a class="min" href="javascript:pf204652clickhide();" title="Ẩn đi">Ẩn</a></li>
<li id="pf204652show" style="display: none;"><a class="max" href="javascript:pf204652clickshow();" title="Hiện lại">Xem </a></li>
</ul>
&nbsp;Hỗ trợ trực tuyến HMS
</div>
<div id="co453569">
<!-- code ads -->
<a target="_blank" href="http://thietkewebseovn.com" rel="dofollow"> <img style="margin:3px 1px 1px 3px;" border="0" width="260" src="catalog/view/theme/default/image/noidungpop.png" height="115" title="http://thietkewebseovn.com"/></a>
<!-- code ads -->
</div>
</div></div></div>
<script>
pf204652bottomLayer = document.getElementById('fl813691');
var pf204652IntervalId = 0;
var pf204652maxHeight = 148;//Chieu cao khung quang cao
var pf204652minHeight = 20;
var pf204652curHeight = 0;
function pf204652show( ){
pf204652curHeight += 2;
if (pf204652curHeight > pf204652maxHeight){
clearInterval ( pf204652IntervalId );
}
pf204652bottomLayer.style.height = pf204652curHeight+'px';
}
function pf204652hide( ){
pf204652curHeight -= 3;
if (pf204652curHeight < pf204652minHeight){
clearInterval ( pf204652IntervalId );
}
pf204652bottomLayer.style.height = pf204652curHeight+'px';
}
pf204652IntervalId = setInterval ( 'pf204652show()', 5 );
function pf204652clickhide(){
document.getElementById('pf204652hide').style.display='none';
document.getElementById('pf204652show').style.display='inline';
pf204652IntervalId = setInterval ( 'pf204652hide()', 5 );
}
function pf204652clickshow(){
document.getElementById('pf204652hide').style.display='inline';
document.getElementById('pf204652show').style.display='none';
pf204652IntervalId = setInterval ( 'pf204652show()', 5 );
}
function pf204652clickclose(){
document.body.style.marginBottom = '0px';
pf204652bottomLayer.style.display = 'none';
}
</script>


Các phần tô đậm màu đỏ cần chỉnh sửa:
+ http://thietkewebseovn.com : URL website quảng cáo
các URL ảnh bạn chọn đúng đường dẫn vào web của mình
+ Hỗ trợ trực tuyến HMS: Tên web để popup.
+ left:0 thành right:0 nếu bạn muốn banner trồi lên phía bên phải thay vì bên trái của website.

Bài viết liên quan

Hiển thị ảnh logo khi tìm kiếm trên google
 

Viết đánh giá

Họ và tên:


Đánh giá của bạn: Lưu ý: Không hỗ trợ HTML!

Bình chọn: Dở            Hay

Nhập mã bảo vệ:



 Há»� trợ trá»±c tuyến HMS
Mai Ng�c Bách