php 右下角提示弹窗,JS实现简单的右下角弹出提示窗口完整实例

本文实例讲述了JS实现简单的右下角弹出提示窗口效果。分享给大家供大家参考，具体如下：

/p>

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

aa

* {

margin: 0px;

padding: 0px;

}

html, body {

height: 100%;

}

body {

font-size: 14px;

line-height: 24px;

}

#tip {

position: absolute;

right: 0px;

bottom: 0px;

height: 0px;

width: 180px;

border: 1px solid #CCCCCC;

background-color: #eeeeee;

padding: 1px;

overflow: hidden;

display: none;

font-size: 12px;

z-index: 10;

}

#tip p {

padding: 6px;

}

#tip h1 {

font-size: 14px;

height: 25px;

line-height: 25px;

background-color: #0066CC;

color: #FFFFFF;

padding: 0px 3px 0px 3px;

filter: Alpha(Opacity = 100);

}

#tip h1 a, #detail h1 a {

float: right;

text-decoration: none;

color: #FFFFFF;

}

window.onload = function(){

var divTip = document.createElement("div");

divTip.id = "tip";

divTip.innerHTML = "

关闭title

content

";

divTip.style.height = '0px';

divTip.style.bottom = '0px';

divTip.style.position = 'fixed';

document.body.appendChild(divTip);

}

var handle;

function start(count){

var obj = document.getElementById("tip");

if (parseInt(obj.style.height) == 0) {

obj.style.display = "block";

handle = setInterval("changeH('up')", 20);

}

else {

handle = setInterval("changeH('down')", 20)

}

}

function changeH(str){

var obj = document.all ? document.all["tip"] : document.getElementById("tip"); //docuemnt.all ??????

if (str == "up") {

if (parseInt(obj.style.height) > 100)

clearInterval(handle);

else

obj.style.height = (parseInt(obj.style.height) + 8).toString() + "px";

}

if (str == "down") {

if (parseInt(obj.style.height) < 8) {

clearInterval(handle);

obj.style.display = "none";

}

else

obj.style.height = (parseInt(obj.style.height) - 8).toString() + "px";

}

}

function showwin(){

//document.getElementsByTagName("html")[0].style.overflow = "hidden";

start();

}

click

希望本文所述对大家JavaScript程序设计有所帮助。