zoukankan
html css js c++ java
让背景如此暗淡(一种弹出提示信息时页面背景色调改变的方法)
http://bbs.blueidea.com/thread-2676327-1-1.html
<
head
>
<
meta
http-equiv
="Content-Type"
content
="text/html; charset=gb2312"
/>
<
title
>
提示信息框
</
title
>
<
style
type
="text/css"
>
a
{
}
{
color
:
#000
;
font-size
:
12px
;
text-decoration
:
none
}
a:hover
{
}
{
color
:
#900
;
text-decoration
:
underline
}
body
{
}
{
background
:;
filter
:
progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffffff,endColorStr=#003366)
;
overflow
:
hidden
}
#massage_box
{
}
{
position
:
absolute
;
left
:
expression((body.clientWidth-350)/2)
;
top
:
expression((body.clientHeight-200)/2)
;
width
:
350px
;
height
:
200px
;
filter
:
dropshadow(color=#666666,offx=3,offy=3,positive=2)
;
z-index
:
2
;
visibility
:
hidden
}
#mask
{
}
{
position
:
absolute
;
top
:
0
;
left
:
0
;
width
:
expression(body.scrollWidth)
;
height
:
expression(body.scrollHeight)
;
background
:
#666
;
filter
:
ALPHA(opacity=60)
;
z-index
:
1
;
visibility
:
hidden
}
.massage
{
}
{
border
:
#036 solid
;
border-width
:
1 1 3 1
;
width
:
95%
;
height
:
95%
;
background
:
#fff
;
color
:
#036
;
font-size
:
12px
;
line-height
:
150%
}
.header
{
}
{
background
:
#036
;
height
:
10%
;
font-family
:
Verdana, Arial, Helvetica, sans-serif
;
font-size
:
12px
;
padding
:
3 5 0 5
;
color
:
#fff
}
</
style
>
<!--
实现层移动
-->
<
script
language
="javascript"
>
var
Obj
=
''
document.onmouseup
=
MUp
document.onmousemove
=
MMove
function
MDown(Object)
{
Obj
=
Object.id
document.all(Obj).setCapture()
pX
=
event.x
-
document.all(Obj).style.pixelLeft;
pY
=
event.y
-
document.all(Obj).style.pixelTop;
}
function
MMove()
{
if
(Obj
!=
''
)
{
document.all(Obj).style.left
=
event.x
-
pX;
document.all(Obj).style.top
=
event.y
-
pY;
}
}
function
MUp()
{
if
(Obj
!=
''
)
{
document.all(Obj).releaseCapture();
Obj
=
''
;
}
}
</
script
>
</
head
><
body
>
<
div
id
="massage_box"
><
div
class
="massage"
>
<
div
class
="header"
onmousedown
=MDown(massage_box)
><
div
style
="display:inline; 150px; position:absolute"
>
本站提示信息
</
div
>
<
span
onClick
="massage_box.style.visibility='hidden'; mask.style.visibility='hidden'"
style
="float:right; display:inline; cursor:hand"
>
×
</
span
></
div
>
<
ul
style
="margin-right:25"
><
li
>
本人申明此博客所有文章(包括文章插图)均为原创,如需引用或转载请注明出处。
</
li
><
li
>
欢迎大家对博文中观点留言评述,谢绝无聊人士无素质无观点的灌水漫骂。
</
li
><
li
>
本站已设背景音乐,听音乐盒中收集的音乐时请先到页面底部关闭背景音乐。
</
li
></
ul
></
div
></
div
>
<
div
id
="mask"
></
div
>
<
span
onClick
="mask.style.visibility='visible';massage_box.style.visibility='visible'"
style
="cursor:hand"
><
a
href
="#"
>
显示提示信息
</
a
></
span
>
<
br
><
br
><
br
><
br
><
br
><
br
><
br
><
br
><
br
><
br
><
br
><
br
><
br
><
br
><
br
><
br
><
br
><
br
><
br
><
br
><
br
><
br
><
br
><
br
><
br
><
br
><
br
><
br
><
br
><
br
><
br
><
br
><
br
><
br
><
br
><
br
>
bottom here
</
body
>
</
html
>
查看全文
相关阅读:
git和github入门指南(3.1)
git和github入门指南(2.2)
git和github入门指南(2.1)
git和github入门指南(1)
webpack入门进阶(3)
webpack入门进阶(2)
webpack入门进阶(1)
vue全家桶(4.3)
vue全家桶(4.2)
vue全家桶(4.1)
原文地址:https://www.cnblogs.com/CB/p/1134460.html
最新文章
redis入门笔记(1)
memcached对中文key的支持问题
关于asp.net web form 和 asp.net mvc 的区别
脚本全选全不选操作asp.net treeview控件
oracle 处理时间和金额大小写的相关函数集合
关于vs2010下水晶报表的使用入门
关于oracle数据库 跨表查询建立 视图的方法
关于母版页的学习和使用
关于md5的使用方法
UML使用教程(基于idea的PlantUML-integration插件)
热门文章
Linux_日常命令小技巧
Linux_综合架构_rsync_常见错误
综合架构_Rsync备份服务
Linux_基础优化
Linux_基础命令
Linux_目录结构
Linux_磁盘管理
Linux_定时任务
Linux_开机启动流程
linux_三剑客_awk
Copyright © 2011-2022 走看看