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
>
查看全文
相关阅读:
初识ES5、ES6
WEB前端性能优化之三——JavaScript优化
Web前端浏览器兼容问题
HTML5新特性
WEB前端性能优化之二——css优化
WEB前端性能优化之一——网页级优化
CSS的一些案例和坑
bootstrap插件--select2.js--一个基于jQuery的替换框
boostrap插件---typeahead.js---输入提示下拉菜单
border-radius:50%,在安卓上存在兼容问题
原文地址:https://www.cnblogs.com/CB/p/1134460.html
最新文章
jQuery实现3D幻灯片
监控鼠标的位置点击实现圆形扩散动画
jQuery时代已去,JavaScript仍是王道
移动 Web 开发问题和优化小结
CSS 动画技巧及案例
ES3、ES5、ES6以及ES7中所有数组的方法总结
一道经典JS面试题
css小案例:导航栏特效
eval与window.eval的差别
浅谈ES5/ES6
热门文章
随手封装一个基于Jquery的Ajax API
移动端输入框只有输入文本后才能点击效果
移动端web开发之真机调试工具的使用
博哥泡妹秘籍之搭讪篇
配置环境变量
APP包打包签名步骤
web前端9大性能优化方案汇总
学习使用:before和:after伪元素
CSS3实现绚丽的飘带样式菜单
初窥Nodejs
Copyright © 2011-2022 走看看