软件开发培训班 >> 编程开发 >> JavaScript

内部的小页面，用层制作，随机变色

　　本文标签：特效,随机变色

this.obj = null; 
this.bulid = bulid; 
this.bulid(); 
} 
//初始化; 
function bulid() 
{ 
var str = "" 
+ "<div id=xMsg" + this.id + " " 
+ "style=" 
+ "z-index:" + this.zIndex + ";" 
+ "width:" + this.width + ";" 
+ "height:" + this.height + ";" 
+ "left:" + this.left + ";" 
+ "top:" + this.top + ";" 
+ "background-color:" + normal + ";" 
+ "color:" + normal + ";" 
+ "font-size:8pt;" 
+ "font-family:Tahoma;" 
+ "position:absolute;" 
+ "cursor:default;" 
+ "border:2px solid " + normal + ";" 
+ " " 
+ "onmousedown=getFocus(this)>" 
+ "<div " 
+ "style=" 
+ "background-color:" + normal + ";" 
+ "width:" + (this.width-2*2) + ";" 
+ "height:20;" 
+ "color:white;" 
+ " " 
+ "onmousedown=startDrag(this) " 
+ "onmouseup=stopDrag(this) " 
+ "onmousemove=drag(this) " 
+ "ondblclick=min(this.childNodes[1])" 
+ ">" 
+ "<span style=width:" + (this.width-2*12-4) + ";padding-left:3px;>" + this.title + "</span>" 
+ "<span style=width:12;border-width:0px;color:white;font-family:webdings; onclick=min(this)>0</span>" 
+ "<span style=width:12;border-width:0px;color:white;font-family:webdings; onclick=ShowHide(\""+this.id+"\",null)>r</span>" 
+ "</div>" 
+ "<div style=" 
+ "width:100%;" 
+ "height:" + (this.height-20-4) + ";" 
+ "background-color:white;" 
+ "line-height:14px;" 
+ "word-break:break-all;" 
+ "padding:3px;" 
+ ">" + this.message + "</div>" 
+ "</div>" 
+ "<div id=xMsg" + this.id + "bg style=" 
+ "width:" + this.width + ";" 
+ "height:" + this.height + ";" 
+ "top:" + this.top + ";" 
+ "left:" + this.left + ";" 
+ "z-index:" + (this.zIndex-1) + ";" 
+ "position:absolute;" 
+ "background-color:black;" 
+ "filter:alpha(opacity=40);" 
+ "></div>"; 
document.body.insertAdjacentHTML("beforeEnd",str); 
} 
//显示隐藏窗口 
function ShowHide(id,dis){ 
var bdisplay = (dis==null)?((document.getElementById("xMsg"+id).style.display=="")?"none":""):dis 
document.getElementById("xMsg"+id).style.display = bdisplay; 
document.getElementById("xMsg"+id+"bg").style.display = bdisplay; 
} 
//--> 
</script> 
<script  type="text/javascript"> 
 
</script>

</head> 
<body>

</body> 
</html>

技术文章快速查找

jQuery操作元素css样式的三种方法

Javascript Object.extend

open 动态修改img的onclick事件示例代码

分享一个HTML 5的上传jQuery插件:jQuery HTML5 uploader

firefox下对ajax的onreadystatechange的支持情况分析

精通Javascript系列之数据类型字符串

JQuery中阻止事件冒泡几种方式及其区别介绍

js select常用操作控制代码

相关下载

在线教程导航

软件应用
·Windows8	·Windows7	·Word
·Excel	·PPT	·WPS
Web开发
·ASP	·JavaScript	·DIV+CSS
·JSP	·VbScript	·XML
·PHP
开发语言
·VB	·VC	·ASP.NET
·Java	·C++	·Delphi
数据库开发
·MySQL	·MsSQL	·Access
·Oracle	·DB2
手机系统
·Android	·iOS	·WindowsPhone
网站设计
·Flash	·Dreamweaver	·Fireworks
平面设计
·Photoshop	·CorelDraw	·AutoCAD
·3DsMAX	·Illustrator
网络技术
·网站运营	·网络安全	·网络搭建