当前位置：Gxlcms > JavaScript > 内部的小页面，用层制作，随机变色_页面背景

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

时间：2021-07-01 10:21:17 帮助过：20人阅读

<html> 
<head> 
<title>www.gxlcms.com 脚本之家 随即变色</title> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> 
<META NAME="Description" CONTENT="http://www.xuemu.net">

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>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

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

人气教程排行