利用js對(duì)象彈出一個(gè)層
更新時(shí)間：2008年03月26日 21:43:03 作者：
用js實(shí)現(xiàn)彈出層效果，一般用于代替alert
復(fù)制代碼 代碼如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>腳本之家-彈出一個(gè)層</title>
<script language="javascript">
function cmsgbox(vtitle,vwidth,vhight,vtop,vleft)
{
this.title=vtitle;
this.width=vwidth;
this.height=vhight;
this.top=vtop;
this.left=vleft;
this.id=0;
}
cmsgbox.prototype.showdiv=function()
{
var str="";
str+="<div id='div1' style='z-index:1;background-color:white;position:absolute;border:2px solid slategray;left:"+this.vleft+"px;top:"+this.vtop+"px;width:"+this.width+"px;'>";
str+="<div style='padding-bottom:2px;background-color:slategray;width:100%;height:16px;color:white;' >";
str+=" <div style='float:left;height:16px;overflow:hidden;margin:0px;padding:4px 0px 0px 5px;width:"+(parseInt(this.width)-24*2-5)+"px;'>"+this.title+"</div>";
str+=" <span style='width:14px;font-family:webdings;cursor:hand;'>0</span>";
str+=" <span style='width:14px;font-family:webdings;cursor:hand;' onclick='cmsgbox.closediv(this);'>r</span>";
str+="</div>";
str+="<div style=' margin:10px 5px 10px 10px;word-break:break-all;'>";
str+="xxx";
str+="</div>";
str+="</div>";
//document.write(str);
document.body.insertAdjacentHTML("beforeEnd",str);
}
/////////////////////窗口顯示//////////////////////////////
function show()
{
var box=new cmsgbox('小家伙呀',400,300);
box.showdiv();
}
</script>
</head>
<style>
body{
font-size:12px;
}
</style>
<body>
<p onclick="show();">彈了一個(gè)層</p>
</body>
</html>
相關(guān)文章
微信小程序用戶(hù)位置權(quán)限的獲取方法（拒絕后提醒）
這篇文章主要介紹了微信小程序用戶(hù)位置權(quán)限的獲取方法（拒絕后提醒）,文中給大家介紹了微信小程序獲取用戶(hù)當(dāng)前位置的三個(gè)方式，授權(quán)方法，非常不錯(cuò)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2018-11-11
TypeScript核心設(shè)計(jì)原則之一就是類(lèi)型檢查，通過(guò)使用接口(Interfaces)可以進(jìn)行類(lèi)型檢查，滿(mǎn)足傳統(tǒng)面向?qū)ο笏枷?，利于有效開(kāi)發(fā)，有效避免類(lèi)型轉(zhuǎn)換問(wèn)題。2015-06-06
javascript過(guò)濾數(shù)組重復(fù)元素的實(shí)現(xiàn)方法
這篇文章主要介紹了javascript過(guò)濾數(shù)組重復(fù)元素的實(shí)現(xiàn)方法的相關(guān)資料,需要的朋友可以參考下2017-05-05
Bootstrap打造一個(gè)左側(cè)折疊菜單的系統(tǒng)模板(一)
這篇文章主要介紹了Bootstrap打造一個(gè)左側(cè)折疊菜單的系統(tǒng)模板(一)的相關(guān)資料,需要的朋友可以參考下2016-05-05
JS實(shí)現(xiàn)的網(wǎng)頁(yè)背景閃電閃爍效果代碼
這篇文章主要介紹了JS實(shí)現(xiàn)的網(wǎng)頁(yè)背景閃電閃爍效果代碼,涉及JavaScript定時(shí)函數(shù)結(jié)合頁(yè)面元素樣式操作的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-10-10
javascript正則表達(dá)式中的replace方法詳解
replace方法的語(yǔ)法是：stringObj.replace(rgExp, replaceText) 其中stringObj是字符串(string)，reExp可以是正則表達(dá)式對(duì)象(RegExp)也可以是字符串(string)，replaceText是替代查找到的字符串。。2015-04-04
JavaScript提高性能知識(shí)點(diǎn)匯總
這篇文章主要為大家介紹了JavaScript幾個(gè)提高性能知識(shí)點(diǎn)，感興趣的小伙伴們可以參考一下2016-01-01
這篇文章主要介紹了微信小程序之分享頁(yè)面如何返回首頁(yè)的示例，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-03-03
今天小編就為大家分享一篇LayUI表格批量刪除方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-08-08
uniapp微信小程序自定義導(dǎo)航欄的全過(guò)程
最近一直在學(xué)習(xí)uni-app開(kāi)發(fā)，由于uniapp是基于vue.js技術(shù)開(kāi)發(fā)的,所以下面這篇文章主要給大家介紹了關(guān)于uniapp微信小程序自定義導(dǎo)航欄的相關(guān)資料,文中通過(guò)示例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-07-07