网页右下方弹出提示框网页右下方弹出提示框
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN
html xmlns=
head
title /title
style type= text/css
#winpop
width:200px; height:0px; position:absolute;
right:0; bottom:0px; border:1px solid #99999;
margin:0px; padding:1px; overflow:hid...
网页右下方弹出提示框
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN
html xmlns=
head
title /title
style type= text/css
#winpop
width:200px; height:0px; position:absolute;
right:0; bottom:0px; border:1px solid #99999;
margin:0px; padding:1px; overflow:hidden; background:#fff; display:none;
div.title
width:100%; height:20px; line-height:20px; background:#290052;
font-weight:bold; text-align:center; font-size:12px; color:#fff;
div.content
width:100%; height:80px; line-height:80px; font-weight:bold; font-size:12px; color:#ff0000;
text-decoration:underline; text-align:center; border:1px solid #290052;
.close
position:absolute; right:4px; top:-1px; color:#fff; cursor:pointer;
#glide{background:yellow; border:1px solid blue; display:none;}
/style
script language= javascript type= text/javascript
var MsgPop;
var popH;
var oDiv;
var oDivW;
var oDivH;
window.onload = function () {
MsgPop = document.getElementById( winpop
MsgPop.style.height = 0px
tips_pop();
setTimeout( tips_pop() , 5000);
function tips_pop() {
popH = parseInt(MsgPop.style.height);
if (popH == 0) {
MsgPop.style.display = block
show =setInterval( changeH(‘up’) , 2);
else {
hide = setInterval( changeH(‘down’) , 2);
function changeH(str) {
popH = parseInt(MsgPop.style.height);
if (str== up ) {
if (popH = 100) {
MsgPop.style.height = (popH + 4).toString() + px
else {
clearInterval(show);
if (str == down ) {
if (popH = 4) {
MsgPop.style.height = (popH -4).toString() + px
else {
clearInterval(hide);
MsgPop.style.display = none
/script
/head
body
div id= winpop
div >
本文档为【网页右下方弹出提示框】,请使用软件OFFICE或WPS软件打开。作品中的文字与图均可以修改和编辑,
图片更改请在作品中右键图片并更换,文字修改请直接点击文字进行修改,也可以新增和删除文档中的内容。
[版权声明] 本站所有资料为用户分享产生,若发现您的权利被侵害,请联系客服邮件isharekefu@iask.cn,我们尽快处理。
本作品所展示的图片、画像、字体、音乐的版权可能需版权方额外授权,请谨慎使用。
网站提供的党政主题相关内容(国旗、国徽、党徽..)目的在于配合国家政策宣传,仅限个人学习分享使用,禁止用于任何广告和商用目的。