网页右下角弹出窗体完成代码,qq右下角滑出窗口

复制代码 代码如下:

<!–开始–>
<style type=”text/css”>
#msg_win{position:absolute;right:0px;display:none;overflow:hidden;z-index:99;border:1px
solid
#c00;background:#F9EFFC;width:210px;font-size:12px;margin:0px;}
#msg_win
.icos{position:absolute;top:2px;*top:0px;right:2px;z-index:9;}
.icos
a{float:left;color:#FFFFFF;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:#FFCC00;}
#msg_title{background:#FA6705;border-bottom:1px solid
#710B97;border-top:1px solid #FFF;border-left:1px solid
#FFF;color:#FFFFFF;height:25px;line-height:25px;text-indent:5px;font-weight:bold;}
#msg_content{margin:1px;margin-right:0;width:210px;height:160px;overflow:hidden;
text-align:center}
</style>
<!–结束–>

<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″></a><a id=”msg_close” title=”关闭”
href=”javascript:void 0″>×</a></div>
<div id=”msg_title”>您有新文件</div>
<audio controls=”controls” autoplay=”autoplay”>
<source src=”~/Content/MP3/Message.mp3″ type=”audio/mpeg” />
</audio>
<div id=”msg_content”></div>
</div>

(私下认可页面加载10秒后出示,呈现30秒后自动遮蔽,可自定义配置)
09-12-5:
修改图片文件,将几个背景放到三个图片文件里,并可切换三种体制风格
,即qq的浅蓝和丙寅革命
下载示例源码

<!–开始–>
<style type=”text/css”>
#msg_win{position:absolute;right:0px;display:none;overflow:hidden;z-index:99;border:1px
solid
#c00;background:#F9EFFC;width:210px;font-size:12px;margin:0px;}
#msg_win
.icos{position:absolute;top:2px;*top:0px;right:2px;z-index:9;}
.icos
a{float:left;color:#FFFFFF;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:#FFCC00;}
#msg_title{background:#FA6705;border-bottom:1px solid
#710B97;border-top:1px solid #FFF;border-left:1px solid
#FFF;color:#FFFFFF;height:25px;line-height:25px;text-indent:5px;font-weight:bold;}
#msg_content{margin:1px;margin-right:0;width:210px;height:160px;overflow:hidden;
text-align:center}
</style>
<!–结束–>

<div id=”msg_win”
style=”display:block;top:503px;visibility:visible;opacity:1;”>
<div class=”icos”><a id=”msg_min” title=”最小化”
href=”javascript:void 0″>_</a><a id=”msg_close”
title=”关闭” href=”javascript:void 0″>×</a></div>
<div id=”msg_title”>标题
</div>
<div id=”msg_content”>
<object classid=”clsid:D27CDB6E-AE6D-11cf-96B8-444553540000″
codebase=””
width=”210″ height=”160″>
<param name=”movie”
value=”flvplayer.swf?vcastr_file=userlogin/video/qlg.flv&IsAutoPlay=1″/>
<param name=”quality” value=”high”/>
<param name=”allowFullScreen” value=”true” />
<embed
src=”flvplayer.swf?vcastr_file=userlogin/video/qlg.flv&IsAutoPlay=1″
allowFullScreen=”true” quality=”high”
pluginspage=””
type=”application/x-shockwave-flash” width=”210″
height=”160″></embed>
</object>
</div>
</div>
<script type=”text/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’;
document.all.xhs1.stop();
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) }
}, 6); //10 to 6
},
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();
}
}, 6); //10 to 6
},
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();
}, 100); //600 mod 100
};
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 ?
[‘_网页右下角弹出窗体完成代码,qq右下角滑出窗口。’, ‘::’, ‘×’] : [‘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>

<style type=”text/css”>
#msg_win {
border: 1px solid #A67901;
background: #EAEAEA;
width: 180px;
position: absolute;
right: 0;
font-size: 12px;
font-family: Arial;
margin: 0px;
display: none;
overflow: hidden;
z-index: 99;
}

复制代码 代码如下:

<div id=”msg_win”
style=”display:block;top:503px;visibility:visible;opacity:1;”>
<div class=”icos”><a id=”msg_min” title=”最小化”
href=”javascript:void 0″>_</a><a id=”msg_close”
title=”关闭” href=”javascript:void 0″>×</a></div>
<div id=”msg_title”>标题
</div>
<div id=”msg_content”>
<object classid=”clsid:D27CDB6E-AE6D-11cf-96B8-444553540000″
codebase=””
width=”210″ height=”160″>
<param name=”movie”
value=”flvplayer.swf?vcastr_file=userlogin/video/qlg.flv&IsAutoPlay=1″/>
<param name=”quality” value=”high”/>
<param name=”allowFullScreen” value=”true” />
<embed
src=”flvplayer.swf?vcastr_file=userlogin/video/qlg.flv&IsAutoPlay=1″
allowFullScreen=”true” quality=”high”
pluginspage=””
type=”application/x-shockwave-flash” width=”210″
height=”160″></embed>
</object>
</div>
</div>
<script type=”text/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’;
document.all.xhs1.stop();
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) }
}, 6); //10 to 6
},
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();
}
}, 6); //10 to 6
},
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();
}, 100); //600 mod 100
};
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>

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

/*
*Author:sohighthesky
*From:
*Date:2009-11-9
*/
/*
*box 钦命要来得音讯框可能其id
*options:参见代码中setOptions中的注释
*/
var sheyMsg=function(box,options) {
this.box=this.g(box);
this.setOptions(options);
this.init();
}
sheyMsg.prototype={
ae:function(e,call) {
if(window.addEventListener)window.addEventListener(e,call,false);
else window.attachEvent(“on”+e,call);
},
g:function(id) {return
typeof(id)==”string”?document.getElementById(id):id; },
isFixed:!window.ActiveXObject || (navigator.userAgent.indexOf(“MSIE
6″)==-1 && document.compatMode==”CSS1Compat”),
setOptions:function(options) {
this.options={//私下认可配置
showDelay:10,//彰显延时
autoHide:30,//自动掩盖时间,设置为0时,不自动遮蔽
onShow:function(){},//彰显后调用
onHide:function(){}//隐蔽后调用
};
for(var o in options) {
this.options[o]=options[o];
}
},
hide:function() {//隐藏
var _top=this.box.clientHeight;
var o=this;
if(/ing$/.test(o.status))return;
o.status=”hiding”;
clearTimeout(o.tt);
o.t=setInterval(function() {
if(o.isFixed)
o.box.style.bottom=(-o.box.clientHeight+(–_top))+’px’;
else
o.box.style.top=o.de.scrollTop+o.de.clientHeight-5-(–_top) +”px”;
if(_top==-5) {
clearInterval(o.t);
o.status=”hide”;
o.box.style.display=”none”;
o.options.onHide();
}
},5);
},
show:function() {//显示
var _top=0;
var o=this;
if(/ing$/.test(o.status))return;
o.status=”showing”;
clearTimeout(o.tt);
o.box.style.display=”block”;
o.t=setInterval(function() {
if(o.isFixed)
o.box.style.bottom=(-o.box.clientHeight+(++_top))+”px”;
else
o.box.style.top=(o.de.scrollTop+o.de.clientHeight-5-(++_top)) +”px”;
if(_top==o.box.clientHeight) {
clearInterval(o.t);
o.status=”show”;
o.options.onShow();
var h=o.options.autoHide-0;
if(h) o.tt=setTimeout(function() {o.hide();},h*1000);
}
},1);
},
fixIE6:function() {//IE6 滚动定位
this.box.style.left=this.de.scrollLeft+this.de.clientWidth-this.box.clientWidth-2+”px”;
if(this.status==”show”) {
this.box.style.top=this.de.scrollTop+this.de.clientHeight-this.box.clientHeight-5+”px”;
} else if(this.status==”hide”) {
this.box.style.top=this.de.scrollTop+this.de.clientHeight+5+”px”;
}
},
init:function() {
with(this.box.style) {
display=”block”;//展现之后技能抽取宽度和冲天
if(this.isFixed) {
position=”fixed”;
right=”2px”;
bottom=(-this.box.clientHeight-5)+”px”;
} else {
position=”absolute”;
}
}
this.status=”hide”;
var o=this;
if(!this.isFixed) {
o.de=document.compatMode==”CSS1Compat”?document.documentElement:document.body;
var timer;
this.ae(“resize”,function() {
clearTimeout(timer);timer=setTimeout(function(){o.fixIE6.call(o)},30);});
this.ae(“scroll”,function() {
clearTimeout(timer);timer=setTimeout(function(){o.fixIE6.call(o)},30);});
this.fixIE6();//加载时钦定地点
}
o.box.style.display=”none”;
o.tt=setTimeout(function() {o.show();},o.options.showDelay*1000);
}
}

.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;
}

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN”
“;
<html xmlns=”;
<head>
<title>右下角弹出新闻</title>
<style type=”text/css”>
/*pre css reset*/
body,th,td
{font-size:12px;font-family:Tahoma,Helvetica,Arial,’\5b8b\4f53′,’\5FAE\8F6F\96C5\9ED1′,sans-serif;}
body,th,td,ol,ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,fieldset,legend,input,button,textarea,p
{margin:0;padding:0;}
fieldset,img { border:none; }
a {color:#3366CC; text-decoration:none;outline:none;}
a:hover {color:#FF6600;text-decoration:underline;}
/************************************************************/
/*sheyMsg style*/
.msg { width:240px;display:none; }
.pink .top,.pink .top .title,.pink .top span,.pink .bottom,.pink .bottom
a {background:transparent url(../images/sheyMsg/msg_bg_pink.gif)
no-repeat 0px 0px;}
.pink .center {background:url(../images/sheyMsg/center_bg_pink.gif)
repeat-y;}
.blue .top,.blue .top .title,.blue .top span,.blue .bottom,.blue .bottom
a {background:transparent url(../images/sheyMsg/msg_bg_blue.gif)
no-repeat 0px 0px;}
.blue .center {background:url(../images/sheyMsg/center_bg_blue.gif)
repeat-y;}
.msg .top{width:240px;height:25px;position:relative;}
.msg .top .title {background-position:-195px
-70px;padding-left:30px;line-height:22px;width:100px;height:25px;}
.msg .top span {background-position:0px -70px;width:36px;
height:17px;position:absolute;top:1px;left:198px;cursor:pointer;}
.msg .top span:hover {background-position:-43px -71px;}
.msg .center { width:240px;height:115px;}
.msg .center
h3{color:#0c4e7c;text-align:center;line-height:23px;font-size:13px;}
.msg .center p{color: #0c4e7c;margin:0px 10px;line-height:20px;}
.msg .bottom {height:29px;background-position:0px -32px;}
.msg .bottom a {background-position:-120px
-75px;padding-left:20px;margin:7px
10px;float:right;width:30px;height:20px;}
/*sheyMsg style end*/
.test dd { line-height:30px;}
</style>
</head>
<body>
<div id=”div1″ style=”width:2000px;height:2000px”>
<div class=”test”
style=”position:fixed;top:260px;left:200px;_position:absolute”>
<dl>
<dt><h3><a target=”_blank”
href=”;
<dd>Author:<a href=”
“>sohighthesky</a></dd>
<dd>Date:2009-11-10</dd>
<dd>style: <input type=”radio” value=”pink” name=”style”
id=”pink” checked=”checked” /><label
for=”pink”>pink</label><input type=”radio” value=”blue”
name=”style” id=”blue” /><label
for=”blue”>blue</label></dd>
<dd>showDeplay:<input type=”text” value=”2″
readonly=”readonly”/></dd>
<dd>autoHide:<input type=”text” id=”txtAutoHide”
value=”30″/><input value=”Set” type=”button”
id=”btnSet”/><span id=”info”
style=”color:#FF0000″></span></dd>
<dd><input type=”button” id=”btnControl”
value=”Show”/></dd>
</dl>
</div>
<!–sheyMsg start–>
<div class=”msg pink” id=”msgbox”>
<div class=”top”>
<div class=”title”>CSDN News</div>
<span title=”close” id=”msgclose”></span>
</div>
<div class=”center”>
<h3>仿Tencent右下角新闻提醒</h3>
<p>showDalay:设置页面加载后出示时间推移;<br
/>autoHide:呈现后自动隐敝的光阴,私下认可30秒,设置为0表示不自动遮蔽;</p>
</div>
<div class=”bottom”><a target=”_blank”
href=”;
</div>
</div>
<!–sheyMsg end–>
</div>
</body>
<script type=”text/javascript” src=”sheyMsg.js”></script>
<script type=”text/javascript”>
var g=function(id){return document.getElementById(id)};
var msg=new sheyMsg(“msgbox”,{
showDelay:2,//
onHide:function(){
btn.value=”Show”;
},
onShow:function() {
btn.value=”Hide”;
}
});
g(“pink”).onclick=g(“blue”).onclick=function() {//switch style
g(“msgbox”).className=”msg “+this.value;
}
var btn=g(“btnControl”);
btn.onclick=function() {//show or hide
if(this.value==”Show”)
msg.show();
else
msg.hide();
}
g(“btnSet”).onclick=function() {//set autoHide
var v=g(“txtAutoHide”).value;
if(!isNaN(v)) {
msg.options.autoHide=v-0;
g(“info”).innerHTML=”隐蔽时间已设置,下二回show时生效”;
setTimeout(“g(‘info’).innerHTML=”;”,3000);
}
}
g(“msgclose”).onclick=function() {//hide
msg.hide();
}
</script>
</html>

#msg_content {
margin: 5px;
margin-right: 0;
width: 230px;
height: auto;
overflow: visible;
}
</style>
<!– 弹窗样式 –>
<script type=”text/javascript”>
//function getleader() {
// $.getJSON(“/homepage/getleader”, {}, function (data) {
// $(“#leader”).html(data);
// })
//}
//function getpop() {
// $.getJSON(“/homepage/Getpop”, {}, function (data) {
// $(“#msg_content”).html(data);
// });
//}
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>

装进下载地址 sheyMsg
右下角滑出窗口效能代码

您可能感兴趣的著作:

  • JS右下角广告窗口代码(可减少、张开及倒闭)
  • js右下角弹出窗口,点击可关闭效果
  • js达成右下角窗口弹出窗口成效
  • js窗口关闭提醒消息(包容IE和firefox)
  • JavaScript关闭当前页面(窗口)不带任何提醒
  • 不晋升一贯关门网页窗口的JS示例代码
  • 开发新窗口关闭当前页面不弹出关闭提醒js代码
  • IE
    JS无提示关闭窗口不晋升的章程
  • IE,firefox(火狐)浏览器无提醒关闭窗口js达成代码小结
  • javascript
    无提示关闭窗口脚本
  • IE6、IE7、Firefox javascript
    无提醒关闭窗口的代码
  • JavaScript无提示关闭窗口(包容IE/Firefox/Chrome)
  • JS达成轻易的右下角弹出提醒窗口完整实例

相关文章

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图