右下角js代码（左上角代码）

本篇文章给大家谈谈右下角js代码，以及左上角代码对应的知识点，希望对各位有所帮助，不要忘了收藏本站喔。

本文目录一览：

• 1、右下角弹出窗口视频播放广告JS代码
• 2、求一个网页右下角漂浮的JS代码
• 3、弹出广告js代码 广告置于右下角的解决方法
• 4、请问怎么给右下角js广告代码增加关闭按钮？
• 5、求一个网页右下角js弹窗的源码

右下角弹出窗口视频播放广告JS代码

SCRIPT

var oPopup = window.createPopup();

var popTop=50;

function popmsg(msgstr){

var winstr="table style=\"border: 1 solid #6D93C8\" width=\"241\" height=\"172\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" ";

winstr+="trtd height=\"30\" /td/trtrtd align=\"center\"table width=\"90%\" height=\"110\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\"";

winstr+="trtd valign=\"top\" style=\"font-size:12px; color: #6D93C8; face: Tahoma\""+msgstr+"/td/tr/table/td/tr/table";

oPopup.document.body.innerHTML = winstr;

popshow();

}

function popshow(){

window.status=popTop;

if(popTop1720){

clearTimeout(mytime);

oPopup.hide();

return;

}else if(popTop1520popTop1720){

oPopup.show(screen.width-250,screen.height,241,1720-popTop);

}else if(popTop1500popTop1520){

oPopup.show(screen.width-250,screen.height+(popTop-1720),241,172);

}else if(popTop180){

oPopup.show(screen.width-250,screen.height,241,popTop);

}else if(popTop220){

oPopup.show(screen.width-250,screen.height-popTop,241,172);

}

popTop+=10;

var mytime=setTimeout("popshow();",50);

}

popmsg("插入视频就可以了");

/SCRIPT

求一个网页右下角漂浮的JS代码

script language="JavaScript"

var delta=0.15

var collection;

function floaters() {

this.items = [];

this.addItem = function(id,x,y,content)

{

document.write('DIV id='+id+' style="Z-INDEX: 10; POSITION: absolute; width:80px; height:60px;left:'+(typeof(x)=='string'?eval(x):x)+';top:'+(typeof(y)=='string'?eval(y):y)+'"'+content+'/DIV');

var newItem = {};

newItem.object = document.getElementById(id);

newItem.x = x;

newItem.y = y;

this.items[this.items.length] = newItem;

}

this.play = function()

{

collection = this.items

setInterval('play()',10);

}

}

function play()

{

if(screen.width=800)

{

for(var i=0;icollection.length;i++)

{

collection[i].object.style.display = 'none';

}

return;

}

for(var i=0;icollection.length;i++)

{

var followObj = collection[i].object;

var followObj_x = (typeof(collection[i].x)=='string'?eval(collection[i].x):collection[i].x);

var followObj_y = (typeof(collection[i].y)=='string'?eval(collection[i].y):collection[i].y);

if(followObj.offsetLeft!=(document.body.scrollLeft+followObj_x)) {

var dx=(document.body.scrollLeft+followObj_x-followObj.offsetLeft)*delta;

dx=(dx0?1:-1)*Math.ceil(Math.abs(dx));

followObj.style.left=followObj.offsetLeft+dx;

}

if(followObj.offsetTop!=(document.body.scrollTop+followObj_y)) {

var dy=(document.body.scrollTop+followObj_y-followObj.offsetTop)*delta;

dy=(dy0?1:-1)*Math.ceil(Math.abs(dy));

followObj.style.top=followObj.offsetTop+dy;

}

followObj.style.display = '';

}

}

var theFloaters = new floaters();

theFloaters.addItem('followDiv1','document.body.clientWidth-90',60,'brEMBED src="1.swf" id="veicon" quality=high PLUGINSPAGE="" TYPE="application/x-shockwave-flash" WIDTH="90" HEIGHT="300"/EMBED');

theFloaters.addItem('followDiv2',0,60,'brEMBED src="1.swf" id="veicon" quality=high PLUGINSPAGE="" TYPE="application/x-shockwave-flash" WIDTH="100" HEIGHT="300"/EMBED');

theFloaters.play();

/script

!--adding code start--

SCRIPT FOR='veicon' EVENT='FSCommand()' LANGUAGE='JavaScript'

followDiv1.style.visibility='hidden';

followDiv2.style.visibility='hidden';

/script

!--adding code end--

弹出广告js代码 广告置于右下角的解决方法

可关闭，可最小化，带点淡入淡出效果的右下角弹出广告；

参考如下：

html

head

title右下角广告代码/title

style type="text/css"

#msg_win{border:1px solid #A67901;background:#EAEAEA;width:300px;position:absolute;right:2;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;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:2px;width:300px;height:200px;overflow:hidden;}

/style

/head

body

p style="height:1000px;"/p

div id="msg_win" style="display:block;top:490px;visibility:visible;opacity:1;"

div class="icos"a id="msg_min" title="最小化" href="javascript:void 0"_/aa id="msg_close" title="关闭" href="javascript:void 0"×/a/div

div id="msg_title"广而告之：/div

div id="msg_content"a href="" target="_blank"img src="" width="300" height="270" border="0"/a/div

/div

/body

/html

script language="javascript"

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

请问怎么给右下角js广告代码增加关闭按钮？

118/2.gif是一个关闭按钮图片吗？

修改好了，点击右上角的图片可关闭广告。如下：

document.writeln("style type=\"text/css\" ");

document.writeln("img{border:0px;} ");

document.writeln("#haoetv{position:fixed!important;position:absolute;right:0;bottom:0;top:expression ");

document.writeln("");

document.writeln("(offsetParent.scrollTop+offsetParent.clientHeight-150);cursor:pointer;} ");

document.writeln("#close{position:fixed!important;position:absolute;right:0;bottom:0;top:expression ");

document.writeln("");

document.writeln("(offsetParent.scrollTop+offsetParent.clientHeight-149);cursor:pointer;} ");

document.writeln("/style ");

document.writeln("");

document.writeln("div id=\"haoetv\" style=\"width:328px;height:150px;z-index:99;text-align:right;background:red; ");

document.writeln("");

document.writeln("float:right;margin:10px 15px -10px 0;\"");

document.writeln("div style='background:yellow;'a href=\"javascript:void(0)\" onclick=\"document.getElementById('haoetv').style.display='none';\" target=\"_blank\"img ");

document.writeln("");

document.writeln("src=\"118/2.gif \" /a/div ");

document.writeln("");

document.writeln("/div");

有问题可以追问哦。

求一个网页右下角js弹窗的源码

//这个需要引入jquery,

//设置记录次数，起始值为1

var Num = 1;

//获取写好的html弹出窗样式

var Obj = $("#img");

//打开网站，第一个图片延迟3秒弹出

Obj.delay(3000).fadeIn();

//每次点击关闭（$(".close")为关闭按钮）之后不超过设定的值启动另一个计时器（在最底下）

$(".close").click(function(){

//隐藏当前弹窗  

Obj.hide();

//增加次数

Num++; 

//根据需求修改次数，      

if(Num3){            

 Obj.hide();

 return false;

};       

if(Num=3){

 //按照图片的名字修改参数

 Obj.find("img").attr("src", alNum + '.png');

 //alNum值按照自己的需求改动，如果可以你能每次弹不同的内容

 //这里的意思是每隔7秒弹出图片，

 Obj.delay(7000).fadeIn();  

}

})

好吧 凭借记忆写下的 大体应该是这样的，如果不能运行就看看思路吧，或者再追问。右下角的样式悬浮定位到哪里，应该不用细说了。

关于右下角js代码和左上角代码的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。