澳门皇冠金沙网站-澳门皇冠844网站

热门关键词: 澳门皇冠金沙网站,澳门皇冠844网站

js实现网页右上角滑出会自动消失大幅广告的方法

复制代码 代码如下:

正文实例呈报了js完结网页右上角滑出会自动消失大幅广告的秘籍。分享给我们供大家参考。具体完毕格局如下:

js达成网页右上角滑出会活动消失小幅度广告的不二秘籍,js网页

正文实例陈诉了js达成网页右上角滑出会自动消失大幅度广告的措施。分享给大家供我们参谋。具体贯彻方式如下:

复制代码 代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ";
<html xmlns=";
<head>
<title>js网页右上角滑出会自行消失的大幅广告效应</title>
<meta http-equiv="content-type" content="text/html;charset=gb2312">
<!--把下边代码加到<head>与</head>之间-->
<script type="text/javascript" language="javascript">
var time = 500;
var w = 0;
function addCount()
{
if(time>0)
{
time--;
w = w 5;
}
else
{
return;
}
if(w>278)//宽度
{
return;
}
document.getElementById("ads").style.display = "";
document.getElementById("ads").style.width = w "px";
setTimeout("addCount()",30);
}
window.onload = function showAds()
{
addCount();
setTimeout("noneAds()",2000);//停留时间
}
</script>
<script type="text/javascript" language="javascript">
var T = 198;
var N = 188;//高度
function noneAds()
{
if(T>0)
{
T--;
N = N-5;
}
else
{
return;
}
if(N<0)
{
document.getElementById("ads").style.display = "none";
return;
}
document.getElementById("ads").style.width = N "px";
setTimeout("noneAds()",30);
}
</script>
</head>
<body>
<!--把下部代码加到<body>与</body>之间-->
<div id="ads" style="margin:auto;display:none;position:absolute;width:200px;top:0px;right:0;height:200px;background-color:#d5282e;overflow:hidden;text-align:center;"><p align="center">招待采访 <a href="" target="_blank">帮客之家</a>丨 该特效搜罗于网络,只为兴趣,不作商业用途。</p>
</div>
</body>
</html>

瞩望本文所述对大家的javascript程序设计有所扶助。

本文实例叙述了js完毕网页右上角滑出会自行消失小幅度广告的办法。分享给大家供...

<script type="text/javascript">
var time = 300;
var h = 0;
function addCount()
{
if(time>0)
{
time--;
h = h 5;
}
else
{
return;
}
if(h>300) //高度
{
return;
}
document.getElementById("ads").style.display = "";
document.getElementById("ads").style.height = h "px";
setTimeout("addCount()",30);
}
window.onload = function showAds()
{
addCount();
setTimeout("noneAds()",柒仟); //停留时间友好调了
}
var T = 300;
var N = 300; //高度
function noneAds()
{
if(T>0)
{
T--;
N = N-5;
}
else
{
return;
}
if(N<0)
{
document.getElementById("ads").style.display = "none";
return;
}
document.getElementById("ads").style.height = N "px";
setTimeout("noneAds()",30);
}
</script>

复制代码 代码如下:

本文由澳门皇冠金沙网站发布于前端开发,转载请注明出处:js实现网页右上角滑出会自动消失大幅广告的方法