利用js对象弹出一个层


Posted in Javascript onMarch 26, 2008
<!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>三水点靠木-弹出一个层</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();">弹了一个层</p>  
</body>  
</html> 
Javascript 相关文章推荐
Javascript 面向对象编程(coolshell)
Mar 18 Javascript
六款帮助你实现惊艳视差滚动效果的jQuery插件
Sep 14 Javascript
js常用数组操作方法简明总结
Jun 20 Javascript
Juery解决tablesorter中文排序和字符范围的方法
May 06 Javascript
基于jquery实现轮播特效
Apr 22 Javascript
node.js缺少mysql模块运行报错的解决方法
Nov 13 Javascript
小程序开发实战:实现九宫格界面的导航的代码实现
Jan 19 Javascript
利用JS实现scroll自定义滚动效果详解
Oct 17 Javascript
浅谈如何使用webpack构建多页面应用
May 30 Javascript
AngularJS使用$http配置对象方式与服务端交互方法
Aug 13 Javascript
Javascript 之封装(Package)
Sep 14 Javascript
如何使用vuex实现兄弟组件通信
Nov 02 Javascript
javascript YUI 读码日记之 YAHOO.util.Dom - Part.4
Mar 22 #Javascript
Javascript YUI 读码日记之 YAHOO.util.Dom - Part.3
Mar 22 #Javascript
Javascript YUI 读码日记之 YAHOO.util.Dom - Part.2 0
Mar 22 #Javascript
YUI 读码日记之 YAHOO.util.Dom - Part.1
Mar 22 #Javascript
YUI 读码日记之 YAHOO.lang.is*
Mar 22 #Javascript
详解new function(){}和function(){}() 区别分析
Mar 22 #Javascript
Javascript的一种模块模式
Mar 22 #Javascript
You might like
PHP网上调查系统
2006/10/09 PHP
探讨PHP JSON中文乱码的解决方法详解
2013/06/06 PHP
is_uploaded_file函数引发的不能上传文件问题
2013/10/29 PHP
将php数组输出html表格的方法
2014/02/24 PHP
php简单获取目录列表的方法
2015/03/24 PHP
jQuery中文入门指南,翻译加实例,jQuery的起点教程
2007/02/09 Javascript
实现超用户体验 table排序javascript实现代码
2009/06/22 Javascript
利用google提供的API(JavaScript接口)获取网站访问者IP地理位置的代码详解
2010/07/24 Javascript
ExtJS判断IE浏览器类型的方法
2014/02/10 Javascript
iframe里使用JavaScript控制主页转向的方法
2015/04/03 Javascript
javascript动态创建表格及添加数据实例详解
2015/05/13 Javascript
小议JavaScript中Generator和Iterator的使用
2015/07/29 Javascript
js图片翻书效果代码分享
2015/08/20 Javascript
AngularJs bootstrap搭载前台框架——准备工作
2016/09/01 Javascript
JavaScript 判断一个对象{}是否为空对象的简单方法
2016/10/09 Javascript
JS给Array添加是否包含字符串的简单方法
2016/10/29 Javascript
搭建Bootstrap离线文档的方法
2016/12/02 Javascript
jQuery设计思想
2017/03/07 Javascript
JS实现微信里判断页面是否被分享成功的方法
2017/06/06 Javascript
深入理解Vue 单向数据流的原理
2017/11/09 Javascript
JS实现数组简单去重及数组根据对象中的元素去重操作示例
2018/01/05 Javascript
微信小程序提取公用函数到util.js及使用方法示例
2019/01/10 Javascript
jquery+css3实现的经典弹出层效果示例
2020/05/16 jQuery
[55:26]DOTA2-DPC中国联赛 正赛 Aster vs LBZS BO3 第一场 2月23日
2021/03/11 DOTA
python实现简易动态时钟
2018/11/19 Python
python实现多张图片拼接成大图
2019/01/15 Python
使用python代码进行身份证号校验的实现示例
2019/11/21 Python
pytorch 中pad函数toch.nn.functional.pad()的用法
2020/01/08 Python
Python 实现微信自动回复的方法
2020/09/11 Python
家用个人磨皮机:Trophy Skin
2017/03/30 全球购物
朗仕(Lab series)英国官网:雅诗兰黛集团男士专属护肤品牌
2017/11/28 全球购物
CAT鞋加拿大官网:CAT Footwear加拿大
2020/08/05 全球购物
宿舍卫生检讨书
2014/01/16 职场文书
办公室员工岗位工作职责
2014/03/10 职场文书
2016年感恩母亲节活动总结
2016/04/01 职场文书
如何理解及使用Python闭包
2021/06/01 Python