右下角弹出广告代码(求段网页右下角漂浮的JS代码,放广告用的!)

编程之家2023-11-04190次浏览

大家好，今天来为大家分享右下角弹出广告代码的一些知识点，和求段网页右下角漂浮的JS代码,放广告用的!的问题解析，大家要是都明白，那么可以忽略，如果不太清楚的话可以看看本篇文章，相信很大概率可以解决您的问题，接下来我们就一起来看看吧！

找网页右下角广告代码(QQ系统消息样式)

我有这儿好几个代码自己好好看

*********

<!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>右下角的弹窗</title>

</head>

body{ background:#333333;}

#winpop{ width:200px; height:0px; position:absolute; right:0; bottom:0; border:1px solid#999999; margin:0; padding:1px; overflow:hidden; display:none; background:#FFFFFF}

#winpop.title{ width:100%; height:20px; line-height:20px; background:#FFCC00; font-weight:bold; text-align:center; font-size:12px;}

#winpop.con{ width:100%; height:80px; line-height:80px; font-weight:bold; font-size:12px; color:#FF0000; text-decoration:underline; text-align:center}

#silu{ font-size:13px; color:#999999; position:absolute; right:0; text-align:right; text-decoration:underline; line-height:22px;}

.close{ position:absolute; right:4px; top:-1px; color:#FFFFFF; cursor:pointer}

</style>

function tips_pop(){

var MsgPop=document.getElementById("winpop");//获取窗口这个对象,即ID为winpop的对象

var popH=parseInt(MsgPop.style.height);//用parseInt将对象的高度转化为数字,以方便下面比较

if(popH==0){//如果窗口的高度是0

MsgPop.style.display="block";//那么将隐藏的窗口显示出来

show=setInterval("changeH('up')",2);//开始以每0.002秒调用函数changeH("up"),即每0.002秒向上移动一次

}

else{//否则

hide=setInterval("changeH('down')",2);//开始以每0.002秒调用函数changeH("down"),即每0.002秒向下移动一次

}

function changeH(str){

var MsgPop=document.getElementById("winpop");

var popH=parseInt(MsgPop.style.height);

if(str=="up"){//如果这个参数是UP

if(popH<=100){//如果转化为数值的高度小于等于100

MsgPop.style.height=(popH+4).toString()+"px";//高度增加4个象素

}

else{

clearInterval(show);//否则就取消这个函数调用,意思就是如果高度超过100象度了,就不再增长了

}

if(str=="down"){

if(popH>=4){//如果这个参数是down

MsgPop.style.height=(popH-4).toString()+"px";//那么窗口的高度减少4个象素

}

else{//否则

clearInterval(hide);//否则就取消这个函数调用,意思就是如果高度小于4个象度的时候,就不再减了

MsgPop.style.display="none";//因为窗口有边框,所以还是可以看见1~2象素没缩进去,这时候就把DIV隐藏掉

}

window.onload=function(){//加载

document.getElementById('winpop').style.height='0px';//我不知道为什么要初始化这个高度,CSS里不是已经初始化了吗,知道的告诉我一下

setTimeout("tips_pop()",800);//3秒后调用tips_pop()这个函数

}

</script>

<body>

<高手请忽略本文------------------------->

今天在无忧看到的,<br/>

我就练习了一下,<br/>

想想还是分享给经典和我一样想学JS的菜鸟们.<br/>

<h2>首先,我们需要知道理解一下动画的概念,动画就是随着时间的变化产生位置移动</h2><br/>

在JS中用到的函数是setInterval(),具体的使用请去看javascript相关文档<br/>

<h3>下面我们来想一下本例子的思路:</h3><br/>

这个时候我们会去猜想:<br/>

如果没有窗口,就让它出来.如果窗口存在,那么就让它消失.<br/>

对,就是if..else..条件判断了~~<br/>

那么窗口消失的状态是什么呢?<br/>

没错,就是height=0.<br/>

height=0的时候就是隐藏<br/>

height=100px的时候就是显示<br/>

所以利用高度的变化就是效果实现的方法.<br/>

而且是随着时间一点点的位置变化造成动画了效果<br/>

好了,我也就不废话了,我们菜鸟请看注释~~<br/><br/>

By FFEEDD<br/><br/>

</div>

<div class="title">您有新的消息<span class="close" onclick="tips_pop()">X</span></div>

</div>

</body>

</html>

*******

<!--

/**//*

**==================================================================================================

**类名：CLASS_MSN_MESSAGE

**功能：提供类似MSN消息框

**示例：

---------------------------------------------------------------------------------------------------

var MSG= new CLASS_MSN_MESSAGE("aa",200,120,"短消息提示：","您有1封消息","今天请我吃饭哈");

MSG.show();

*消息构造

function CLASS_MSN_MESSAGE(id,width,height,caption,title,message,target,action){

this.id= id;

this.title= title;

this.caption= caption;

this.message= message;

this.target= target;

this.action= action;

this.width= width?width:200;

this.height= height?height:120;

this.timeout= 300;

this.speed= 20;

this.step= 1;

this.right= screen.width-1;

this.bottom= screen.height;

this.left= this.right- this.width;

this.top= this.bottom- this.height;

this.timer= 0;

this.pause= false;

this.close= false;

this.autoHide= true;

}

/**//*

*隐藏消息方法

CLASS_MSN_MESSAGE.prototype.hide= function(){

if(this.onunload()){

var offset= this.height>this.bottom-this.top?this.height:this.bottom-this.top;

var me= this;

if(this.timer>0){

window.clearInterval(me.timer);

}

var fun= function(){

if(me.pause==false||me.close){

var x= me.left;

var y= 0;

var width= me.width;

var height= 0;

if(me.offset>0){

height= me.offset;

}

y= me.bottom- height;

if(y>=me.bottom){

window.clearInterval(me.timer);

me.Pop.hide();

} else{

me.offset= me.offset- me.step;

}

me.Pop.show(x,y,width,height);

}

this.timer= window.setInterval(fun,this.speed)

}

/**//*

*消息卸载事件，可以重写

CLASS_MSN_MESSAGE.prototype.onunload= function(){

return true;

}

/**//*

*消息命令事件，要实现自己的连接，请重写它

CLASS_MSN_MESSAGE.prototype.oncommand= function(){

//this.close= true;

this.hide();

window.open("http://www.baidu.com");

}

/**//*

*消息显示方法

CLASS_MSN_MESSAGE.prototype.show= function(){

var oPopup= window.createPopup();//IE5.5+

this.Pop= oPopup;

var w= this.width;

var h= this.height;

var str="<DIV style='BORDER-RIGHT:#455690 1px solid; BORDER-TOP:#a6b4cf 1px solid; Z-INDEX: 99999; LEFT: 0px; BORDER-LEFT:#a6b4cf 1px solid; WIDTH:"+ w+"px; BORDER-BOTTOM:#455690 1px solid; POSITION: absolute; TOP: 0px; HEIGHT:"+ h+"px; BACKGROUND-COLOR:#c9d3f3'>"

str+="<TABLE style='BORDER-TOP:#ffffff 1px solid; BORDER-LEFT:#ffffff 1px solid' cellSpacing=0 cellPadding=0 width='100%' bgColor=#cfdef4 border=0>"

str+="<TR>"

str+="<TD style='FONT-SIZE: 12px;COLOR:#0f2c8c' width=30 height=24></TD>"

str+="<TD style='PADDING-LEFT: 4px; FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR:#1f336b; PADDING-TOP: 4px' vAlign=center width='100%'>"+ this.caption+"</TD>"

str+="<TD style='PADDING-RIGHT: 2px; PADDING-TOP: 2px' vAlign=center align=right width=19>"

str+="<SPAN title=关闭 style='FONT-WEIGHT: bold; FONT-SIZE: 12px; CURSOR: hand; COLOR: red; MARGIN-RIGHT: 4px' id='btSysClose'>×</SPAN></TD>"

str+="</TR>"

str+="<TR>"

str+="<TD style='PADDING-RIGHT: 1px;PADDING-BOTTOM: 1px' colSpan=3 height="+(h-28)+">"

str+="<DIV style='BORDER-RIGHT:#b9c9ef 1px solid; PADDING-RIGHT: 8px; BORDER-TOP:#728eb8 1px solid; PADDING-LEFT: 8px; FONT-SIZE: 12px; PADDING-BOTTOM: 8px; BORDER-LEFT:#728eb8 1px solid; WIDTH: 100%; COLOR:#1f336b; PADDING-TOP: 8px; BORDER-BOTTOM:#b9c9ef 1px solid; HEIGHT: 100%'>"+ this.title+"<BR><BR>"

str+="<DIV style='WORD-BREAK: break-all' align=left><FONT color=#373737>"+ this.message+"</FONT><br><span><span style=color:red>鼠标移开将关闭弹出消息窗口</span></DIV>"

str+="</DIV>"

str+="</TD>"

str+="</TR>"

str+="</TABLE>"

str+="</DIV>"

oPopup.document.body.innerHTML= str;

this.offset= 0;

var me= this;

oPopup.document.body.onmouseover= function(){me.pause=true;}

oPopup.document.body.onmouseout= function(){me.pause=false;}

var fun= function(){

var x= me.left;

var y= 0;

var width= me.width;

var height= me.height;

if(me.offset>me.height){

height= me.height;

} else{

height= me.offset;

}

y= me.bottom- me.offset;

if(y<=me.top){

me.timeout--;

if(me.timeout==0){

window.clearInterval(me.timer);

if(me.autoHide){

me.hide();

}

} else{

me.offset= me.offset+ me.step;

}

me.Pop.show(x,y,width,height);

}

this.timer= window.setInterval(fun,this.speed)

var btClose= oPopup.document.getElementById("btSysClose");

btClose.onclick= function(){

me.close= true;

me.hide();

}

var btCommand= oPopup.document.getElementById("btCommand");

btCommand.onclick= function(){

me.oncommand();

}

var ommand= oPopup.document.getElementById("ommand");

ommand.onclick= function(){

//this.close= true;

me.hide();

window.open(ommand.href);

}

/**//*

**设置速度方法

**/

CLASS_MSN_MESSAGE.prototype.speed= function(s){

var t= 20;

try{

t= praseInt(s);

} catch(e){}

this.speed= t;

}

/**//*

**设置步长方法

**/

CLASS_MSN_MESSAGE.prototype.step= function(s){

var t= 1;

try{

t= praseInt(s);

} catch(e){}

this.step= t;

}

CLASS_MSN_MESSAGE.prototype.rect= function(left,right,top,bottom){

try{

this.left= left!=null?left:this.right-this.width;

this.right= right!=null?right:this.left+this.width;

this.bottom= bottom!=null?(bottom>screen.height?screen.height:bottom):screen.height;

this.top= top!=null?top:this.bottom- this.height;

} catch(e){}

}

var MSG1= new CLASS_MSN_MESSAGE("aa",240,140,"热烈庆祝探索发现记录博客开通：","各界朋友，欢迎光临本博客，博主在此表示诚挚的感谢","本博客于2008.12.7,他将记录天下大事，探索发现记录着生活中发生的点点滴滴，让我们生活在上一个新舞台！");

MSG1.rect(null,null,null,screen.height-50);

MSG1.speed= 10;

MSG1.step= 5;

//alert(MSG1.top);

MSG1.show();

//同时两个有闪烁，只能用层代替了，不过层不跨框架

//var MSG2= new CLASS_MSN_MESSAGE("aa",200,120,"短消息提示：","您有2封消息","好的啊");

// MSG2.rect(100,null,null,screen.height);

// MSG2.show();

//-->

</SCRIPT>

求段网页右下角漂浮的JS代码,放广告用的!

<!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>不会被屏蔽的网页右下角漂浮窗口代码</title>

<FCK:meta http-equiv="content-type" content="text/html;charset=gb2312"/>

#msg_win{border:1px solid#A67901;background:#EAEAEA;width:300px;position:absolute;right:0;font-size:12px;font-family:Arial;margin:0px;display:none;overflow:hidden;z-index:99;}

#msg_win.icos{position:absolute;top:2px;*top:0px;right:2px;z-index:9;}

.icos a{float:left;color:#833B02;margin:1px;text-align:center;font-weight:bold;width:14px;height:22px;line-height:22px;padding:1px;text-decoration:none;font-family:webdings;}

.icos a:hover{color:#fff;}

#msg_title{background:#FECD00;border-bottom:1px solid#A67901;border-top:1px solid#FFF;border-left:1px solid#FFF;color:#000;height:25px;line-height:25px;text-indent:5px;}

#msg_content{margin:0px;width:300px;height:300px;overflow:hidden;}

</style>

</head>

<body>

</div>

var Message={

set: function(){//最小化与恢复状态切换

var set=this.minbtn.status== 1?[0,1,'block',this.char[0],'最小化']:[1,0,'none',this.char[1],'恢复'];

this.minbtn.status=set[0];

this.win.style.borderBottomWidth=set[1];

this.content.style.display=set[2];

this.minbtn.innerHTML=set[3]

this.minbtn.title= set[4];

this.win.style.top= this.getY().top;

close: function(){//关闭

this.win.style.display='none';

window.onscroll= null;

setOpacity: function(x){//设置透明度

var v= x>= 100?'':'Alpha(opacity='+ x+')';

this.win.style.visibility= x<=0?'hidden':'visible';//IE有绝对或相对定位内容不随父透明度变化的bug

this.win.style.filter= v;

this.win.style.opacity= x/ 100;

show: function(){//渐显

clearInterval(this.timer2);

var me= this,fx= this.fx(0, 100, 0.1),t= 0;

this.timer2= setInterval(function(){

t= fx();

me.setOpacity(t[0]);

if(t[1]== 0){clearInterval(me.timer2)}

},10);

fx: function(a, b, c){//缓冲计算

var cMath= Math[(a- b)> 0?"floor":"ceil"],c= c|| 0.1;

return function(){return [a+= cMath((b- a)* c), a- b]}

getY: function(){//计算移动坐标

var d= document,b= document.body, e= document.documentElement;

var s= Math.max(b.scrollTop, e.scrollTop);

var h=/BackCompat/i.test(document.compatMode)?b.clientHeight:e.clientHeight;

var h2= this.win.offsetHeight;

return{foot: s+ h+ h2+ 2+'px',top: s+ h- h2- 2+'px'}

moveTo: function(y){//移动动画

clearInterval(this.timer);

var me= this,a= parseInt(this.win.style.top)||0;

var fx= this.fx(a, parseInt(y));

var t= 0;

this.timer= setInterval(function(){

t= fx();

me.win.style.top= t[0]+'px';

if(t[1]== 0){

clearInterval(me.timer);

me.bind();

}

},10);

bind:function(){//绑定窗口滚动条与大小变化事件

var me=this,st,rt;

window.onscroll= function(){

clearTimeout(st);

clearTimeout(me.timer2);

me.setOpacity(0);

st= setTimeout(function(){

me.win.style.top= me.getY().top;

me.show();

},600);

};

window.onresize= function(){

clearTimeout(rt);

rt= setTimeout(function(){me.win.style.top= me.getY().top},100);

}

init: function(){//创建HTML

function$(id){return document.getElementById(id)};

this.win=$('msg_win');

var set={minbtn:'msg_min',closebtn:'msg_close',title:'msg_title',content:'msg_content'};

for(var Id in set){this[Id]=$(set[Id])};

var me= this;

this.minbtn.onclick= function(){me.set();this.blur()};

this.closebtn.onclick= function(){me.close()};

this.char=navigator.userAgent.toLowerCase().indexOf('firefox')+1?['_','::','×']:['0','2','r'];//FF不支持webdings字体

this.minbtn.innerHTML=this.char[0];

this.closebtn.innerHTML=this.char[2];

setTimeout(function(){//初始化最先位置

me.win.style.display='block';

me.win.style.top= me.getY().foot;

me.moveTo(me.getY().top);

},0);

return this;

}

};

Message.init();

</script>

</body>

</html>

关于dreamweaver中插入弹出广告窗口的代码

这个效果要用JS实现.单纯的DW还是不行,需要懂一些JS知识.下面的代码可以实现这个效果,你可以复制代码保存为htm格式看看效果.

window.onload= getMsg;

window.onresize= resizeDiv;

window.onerror= function(){}

//短信提示使用(asilas添加)

var divTop,divLeft,divWidth,divHeight,docHeight,docWidth,objTimer,i= 0;

function getMsg()

{

try{

divTop= parseInt(document.getElementById("eMeng").style.top,10)

divLeft= parseInt(document.getElementById("eMeng").style.left,10)

divHeight= parseInt(document.getElementById("eMeng").offsetHeight,10)

divWidth= parseInt(document.getElementById("eMeng").offsetWidth,10)

docWidth= document.body.clientWidth;

docHeight= document.body.clientHeight;

document.getElementById("eMeng").style.top= parseInt(document.body.scrollTop,10)+ docHeight+ 10;// divHeight

document.getElementById("eMeng").style.left= parseInt(document.body.scrollLeft,10)+ docWidth- divWidth

document.getElementById("eMeng").style.visibility="visible"

objTimer= window.setInterval("moveDiv()",10)

}

catch(e){}

}

function resizeDiv()

{

i+=1

if(i>5000) closeDiv()//修改这个数字以改变窗口存活期，越大存活期越长。

try{

divHeight= parseInt(document.getElementById("eMeng").offsetHeight,10)

divWidth= parseInt(document.getElementById("eMeng").offsetWidth,10)

docWidth= document.body.clientWidth;

docHeight= document.body.clientHeight;

document.getElementById("eMeng").style.top= docHeight- divHeight+ parseInt(document.body.scrollTop,10)

document.getElementById("eMeng").style.left= docWidth- divWidth+ parseInt(document.body.scrollLeft,10)

}

catch(e){}

}

function moveDiv()

{

try

{

if(parseInt(document.getElementById("eMeng").style.top,10)<=(docHeight- divHeight+ parseInt(document.body.scrollTop,10)))

{

window.clearInterval(objTimer)

objTimer= window.setInterval("resizeDiv()",1)

}

divTop= parseInt(document.getElementById("eMeng").style.top,10)

document.getElementById("eMeng").style.top= divTop- 1

}

catch(e){}

}

function closeDiv()

{

document.getElementById('eMeng').style.visibility='hidden';

if(objTimer) window.clearInterval(objTimer)

}

</script>

<TBODY>

<TR>

</TR>

<TR>

</TR>

</TBODY>

</TABLE>

</DIV>

</body>

文章分享到这里，希望我们关于右下角弹出广告代码和求段网页右下角漂浮的JS代码,放广告用的!的内容能够给您带来一些新的认识和思考。如果您还有其他问题，欢迎继续探索我们的网站或者与我们交流，我们将尽力为您提供满意的答案。

昆明做网站，昆明网站制作公司哪家靠谱微信小程序官网，微信小程序官网在哪里