以下是 电影网可关闭重播的全副广告特效代码 的示例演示效果:
部分效果截图:
HTML代码(index.html):
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta name="keywords" content="JS代码,全屏广告,JS广告代码,JS特效代码" />
<meta name="description" content="此代码内容为电影网可关闭重播的全副广告...,属于站长常用代码" />
<title>电影网可关闭重播的全副广告</title>
</head>
<body><!--顶部下拉广告开始-->
<div id=top_ads
style="border-right: #000 0px solid; border-top: #000 0px solid; display: none; margin: auto; overflow: hidden; border-left: #000 0px solid; width: 950px; border-bottom: #000 0px solid; position: relative; top: 0px; height: 0px; background-color: #ffffff; text-align: center"><button
id=header_ad
style="border-top-width: 0px; padding-right: 0px; padding-left: 0px; border-left-width: 0px; background: none transparent scroll repeat 0% 0%; border-bottom-width: 0px; padding-bottom: 0px; margin: 0px; width: 950px; cursor: pointer; padding-top: 0px; height: 500px; border-right-width: 0px"
onclick="window.open('#')"></button>
<div id=close
style="right: -420px; cursor: pointer; bottom: 40px; position: relative"><img
style="font-size: 14px; color: #000000" onclick=closead();
src="images/close.gif"></div></div><!--顶部下拉广告结束-->
<!--顶部漂浮广告开始-->
<script language=javascript src="js/floatad.js"></script>
<div id=float_ad
style="display: none; right: 0px; width: 20px; cursor: pointer; bottom: 10px; position: absolute">
<div><a
href="#"
target=_blank><img height=172 src="images/chivas_ad1.jpg" width=20
border=0></a></div>
<div><img onclick=show(); height=41 src="images/chivas_ad2.jpg"
width=20></div></div>
<script language=javascript>
showAds(500,0,500,500);
scorll_y();
var str = "<img src='images/chivas_ad.jpg' width=950 height=500 border=0 />"
document.getElementById("header_ad").innerHTML = str;
</script>
<!--顶部漂浮广告结束-->
</body>
</html>
JS代码(floatad.js):
// JavaScript Documentvar time;
var h;
var T;
var N;
//�߶�var ad_timer;
function addCount(){
//if(time>0)//{
//time--;
//h = h+5;
//}
//else//{
//return;
//}
//if(h>=500) //�߶�//{
//return;
//}
document.getElementById("top_ads").style.display = "block";
document.getElementById("top_ads").style.height = h+"px";
//setTimeout("addCount()",10);
}
function showAds(paramTime,paramh,paramT,paramN){
//document.getElementById("top_ads").style.display = "none";
time = paramTime;
h = paramh;
h = 500;
T = paramT;
N = paramN;
//�߶�addCount();
ad_timer=setTimeout("noneAds()",5000);
//ͣ��ʱ���Լ��ʵ�����}
function noneAds(){
//if(T>0)//{
//T--;
//N = N-5;
//}
//else//{
//return;
//}
//if(N<=0)//{
//document.getElementById("float_ad").style.display = "block";
//document.getElementById("top_ads").style.display = "none";
//return;
//}
document.getElementById("top_ads").style.display = "none";
document.getElementById("float_ad").style.display = "block";
//document.getElementById("top_ads").style.height = N+"px";
//setTimeout("noneAds()",5);
}
function clearTimer(){
clearInterval(ad_timer);
}
function closeAd(){
document.getElementById("top_ads").style.display = "none";
document.getElementById("float_ad").style.display = "block";
clearTimer();
}
function show(){
var obj_ad=document.getElementById("float_ad");
obj_ad.style.display="none";
showAds(500,500,500,500);
}
var _inner_browser_width = 0;
var _inner_browser_height = 0;
var _browser_scroll_x = 0;
var _browser_scroll_y = 0;
function calc_window_size(){
if( typeof( window.innerWidth ) == 'number' ){
//Non-IE _inner_browser_width = window.innerWidth;
_inner_browser_height = window.innerHeight;
}
else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ){
//IE 6+ in 'standards compliant mode' _inner_browser_width = document.documentElement.clientWidth;
_inner_browser_height = document.documentElement.clientHeight;
}
else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ){
//IE 4 compatible _inner_browser_width = document.body.clientWidth;
_inner_browser_height = document.body.clientHeight;
}
}
function calc_scroll_xy(){
_browser_scroll_x = 0;
_browser_scroll_y = 0;
if( typeof( window.pageYOffset ) == 'number' ){
//Netscape compliant _browser_scroll_y = window.pageYOffset;
_browser_scroll_x = window.pageXOffset;
}
else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ){
//DOM compliant _browser_scroll_y = document.body.scrollTop;
_browser_scroll_x = document.body.scrollLeft;
}
else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ){
//IE6 standards compliant mode _browser_scroll_y = document.documentElement.scrollTop;
_browser_scroll_x = document.documentElement.scrollLeft;
}
}
function scorll_y(){
calc_window_size();
calc_scroll_xy();
var obj_ad=document.getElementById("float_ad");
obj_ad.style.left=_inner_browser_width-(_inner_browser_width-960)/2;
//alert(_browser_scroll_y);
obj_ad.style.top=_browser_scroll_y+_inner_browser_height-223;
setTimeout("scorll_y();
",30)}