时间:2021-05-18
复制代码 代码如下:
<!--开始-->
<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="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" 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="http://patMode) ? 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>
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
本文实例讲述了jQuery实现的网页右下角tab样式在线客服效果代码。分享给大家供大家参考,具体如下:这是一款网页右下角tab样式的在线客服代码,若在火狐或ch
本文实例讲述了js实现仿MSN带关闭功能的右下角弹窗代码。分享给大家供大家参考。具体如下:这是一款非常精致漂亮的仿MSN右下角弹出窗口,带关闭功能,直接复制代码
本文实例为大家分享了QT实现提示右下角冒泡的具体代码,供大家参考,具体内容如下实现原理:1、显示定时器启动,右下角缓慢弹出,逐渐改变位置。2、驻留让界面停留一定
下面是jqueryeasyui弹出消息框的代码://右下角弹出框;functionslide(){jQuery.messager.show({title:'
本文实例讲述了js实现右下角提示框的方法。分享给大家供大家参考。具体实现方法如下:实现右下角提示框的Jquery插件(popup.js)复制代码代码如下://兼