BaoYaEr
页面右下角弹出提示信息与屏蔽窗口的例子
<!
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
>
<
style
type
="text/css"
>
*
{
}
{
margin
:
0px
;
padding
:
0px
;
}
html,body
{
}
{
height
:
100%
;
}
body
{
}
{
font-size
:
14px
;
line-height
:
24px
;
}
#tip
{
}
{
position
:
absolute
;
right
:
0px
;
bottom
:
0px
;
height
:
0px
;
width
:
180px
;
border
:
1px solid #CCCCCC
;
background-color
:
#eeeeee
;
padding
:
1px
;
overflow
:
hidden
;
display
:
none
;
font-size
:
12px
;
z-index
:
10
;
}
#tip p
{
}
{
padding
:
6px
;
}
#tip h1,#detail h1
{
}
{
font-size
:
14px
;
height
:
25px
;
line-height
:
25px
;
background-color
:
#0066CC
;
color
:
#FFFFFF
;
padding
:
0px 3px 0px 3px
;
filter
:
Alpha(Opacity=100)
;
}
#tip h1 a,#detail h1 a
{
}
{
float
:
right
;
text-decoration
:
none
;
color
:
#FFFFFF
;
}
#shadow
{
}
{
position
:
absolute
;
width
:
100%
;
height
:
100%
;
background-color
:
#000000
;
z-index
:
11
;
filter
:
Alpha(Opacity=70)
;
display
:
none
;
overflow
:
hidden
;
}
#detail
{
}
{
width
:
500px
;
height
:
200px
;
border
:
3px double #ccc
;
background-color
:
#FFFFFF
;
position
:
absolute
;
z-index
:
30
;
display
:
none
;
left
:
30%
;
top
:
30%
}
</
style
>
<
script
type
="text/javascript"
>
var
handle;
function
start()
{
var
obj
=
document.getElementById(
"
tip
"
);
if
(parseInt(obj.style.height)
==
0
)
{ obj.style.display
=
"
block
"
;
handle
=
setInterval(
"
changeH('up')
"
,
2
);
}
else
{
handle
=
setInterval(
"
changeH('down')
"
,
2
)
}
}
function
changeH(str)
{
var
obj
=
document.getElementById(
"
tip
"
);
if
(str
==
"
up
"
)
{
if
(parseInt(obj.style.height)
>
200
)
clearInterval(handle);
else
obj.style.height
=
(parseInt(obj.style.height)
+
8
).toString()
+
"
px
"
;
}
if
(str
==
"
down
"
)
{
if
(parseInt(obj.style.height)
<
8
)
{ clearInterval(handle);
obj.style.display
=
"
none
"
;
}
else
obj.style.height
=
(parseInt(obj.style.height)
-
8
).toString()
+
"
px
"
;
}
}
function
showwin()
{
document.getElementsByTagName(
"
html
"
)[
0
].style.overflow
=
"
hidden
"
;
start();
document.getElementById(
"
shadow
"
).style.display
=
"
block
"
;
document.getElementById(
"
detail
"
).style.display
=
"
block
"
;
}
function
recover()
{
document.getElementsByTagName(
"
html
"
)[
0
].style.overflow
=
"
auto
"
;
document.getElementById(
"
shadow
"
).style.display
=
"
none
"
;
document.getElementById(
"
detail
"
).style.display
=
"
none
"
;
}
</
script
>
</
head
>
<
body
onload
="document.getElementById('tip').style.height='0px'"
>
<
div
id
="shadow"
>
</
div
>
<
div
id
="detail"
>
<
h1
><
a
href
="javascript:void(0)"
onclick
="recover()"
>
×
</
a
>
系统提示
</
h1
>
哈哈哈哈你~~~
</
div
>
<
div
id
="tip"
><
h1
><
a
href
="javascript:void(0)"
onclick
="start()"
>
×
</
a
>
系统提示
</
h1
><
p
><
a
href
="javascript:void(0)"
onclick
="showwin()"
>
点击这里查看详细
</
a
></
p
></
div
>
<
p
><
a
href
="#"
onclick
="start()"
>
点击这里测试
</
a
><
br
><
br
><
br
><
br
>
新华网北京7月5日电 综合新华社驻外记者报道:韩国、日本、美国等国5日称,朝鲜当天先后向日本海试射了数枚导弹,其中可能包括“大浦洞”2型远程弹道导弹,并对此作出反应。
</
p
>
<
p
>
但截至北京时间下午2时,朝鲜官方未对试射导弹一事予以证实,也未对相关报道作出评论。
</
p
>
<!--
NEWSZW_HZH_BEGIN
-->
<
p
>
韩国总统外交安保首席秘书徐柱锡当天发表声明说,韩国政府对朝鲜试射导弹事件“深表遗憾”,并呼吁朝鲜早日回到六方会谈。
</
p
>
<
p
>
日本内阁官房长官安倍晋三5日宣布,日本已经向朝方提出“严正抗议”。日本政府在当天召开的内阁会议上决定,从5日起在半年内禁止朝鲜船舶进入日本港口,并将进一步研究日本能够采取的措施,对朝鲜实施经济制裁。
</
p
>
<
p
>
美国总统国家安全事务助理哈德利说,朝鲜试射导弹是一种“挑衅行为”,但没有迹象表明这对美国领土构成威胁。白宫发言人斯诺发表声明说,美国将采取一切必要手段保护本国和盟国安全。
</
p
>
<
p
>
</
p
>
<
a
title
="澳大利亚"
onclick
="activateYQinl(this);return false;"
href
="http://www.iask.com/n?k=澳大利亚"
target
="_blank"
>
澳大利亚
</
a
>
总理霍华德称朝鲜的行为“极具挑衅性”,希望有关方面予以谴责。新加坡外交部发表声明,对朝鲜试射导弹“表示遗憾”。
</
p
>
<
p
>
俄罗斯外交部当天批评朝鲜试射导弹,称朝鲜的这一行动使朝核问题更加复杂化。
</
p
>
<
p
>
法国常驻联合国代表萨布利埃说,联合国安理会将于当天晚些时候召开紧急会议,讨论朝鲜试射导弹问题。(完)
</
p
>
<
p
>
新华网北京7月5日电 综合新华社驻外记者报道:韩国、日本、美国等国5日称,朝鲜当天先后向日本海试射了数枚导弹,其中可能包括“大浦洞”2型远程弹道导弹,并对此作出反应。
</
p
>
<
p
>
但截至北京时间下午2时,朝鲜官方未对试射导弹一事予以证实,也未对相关报道作出评论。
</
p
>
<!--
NEWSZW_HZH_BEGIN
-->
<
p
>
韩国总统外交安保首席秘书徐柱锡当天发表声明说,韩国政府对朝鲜试射导弹事件“深表遗憾”,并呼吁朝鲜早日回到六方会谈。
</
p
>
<
p
>
日本内阁官房长官安倍晋三5日宣布,日本已经向朝方提出“严正抗议”。日本政府在当天召开的内阁会议上决定,从5日起在半年内禁止朝鲜船舶进入日本港口,并将进一步研究日本能够采取的措施,对朝鲜实施经济制裁。
</
p
>
<
p
>
美国总统国家安全事务助理哈德利说,朝鲜试射导弹是一种“挑衅行为”,但没有迹象表明这对美国领土构成威胁。白宫发言人斯诺发表声明说,美国将采取一切必要手段保护本国和盟国安全。
</
p
>
<
p
>
</
p
>
<
a
title
="澳大利亚"
onclick
="activateYQinl(this);return false;"
href
="http://www.iask.com/n?k=澳大利亚"
target
="_blank"
>
澳大利亚
</
a
>
总理霍华德称朝鲜的行为“极具挑衅性”,希望有关方面予以谴责。新加坡外交部发表声明,对朝鲜试射导弹“表示遗憾”。
</
p
>
<
p
>
俄罗斯外交部当天批评朝鲜试射导弹,称朝鲜的这一行动使朝核问题更加复杂化。
</
p
>
<
p
>
法国常驻联合国代表萨布利埃说,联合国安理会将于当天晚些时候召开紧急会议,讨论朝鲜试射导弹问题。(完)
</
p
>
<
p
>
新华网北京7月5日电 综合新华社驻外记者报道:韩国、日本、美国等国5日称,朝鲜当天先后向日本海试射了数枚导弹,其中可能包括“大浦洞”2型远程弹道导弹,并对此作出反应。
</
p
>
<
p
>
但截至北京时间下午2时,朝鲜官方未对试射导弹一事予以证实,也未对相关报道作出评论。
</
p
>
<!--
NEWSZW_HZH_BEGIN
-->
<
p
>
韩国总统外交安保首席秘书徐柱锡当天发表声明说,韩国政府对朝鲜试射导弹事件“深表遗憾”,并呼吁朝鲜早日回到六方会谈。
</
p
>
<
p
>
日本内阁官房长官安倍晋三5日宣布,日本已经向朝方提出“严正抗议”。日本政府在当天召开的内阁会议上决定,从5日起在半年内禁止朝鲜船舶进入日本港口,并将进一步研究日本能够采取的措施,对朝鲜实施经济制裁。
</
p
>
<
p
>
美国总统国家安全事务助理哈德利说,朝鲜试射导弹是一种“挑衅行为”,但没有迹象表明这对美国领土构成威胁。白宫发言人斯诺发表声明说,美国将采取一切必要手段保护本国和盟国安全。
</
p
>
<
p
>
</
p
>
<
a
title
="澳大利亚"
onclick
="activateYQinl(this);return false;"
href
="http://www.iask.com/n?k=澳大利亚"
target
="_blank"
>
澳大利亚
</
a
>
总理霍华德称朝鲜的行为“极具挑衅性”,希望有关方面予以谴责。新加坡外交部发表声明,对朝鲜试射导弹“表示遗憾”。
</
p
>
<
p
>
俄罗斯外交部当天批评朝鲜试射导弹,称朝鲜的这一行动使朝核问题更加复杂化。
</
p
>
<
p
>
法国常驻联合国代表萨布利埃说,联合国安理会将于当天晚些时候召开紧急会议,讨论朝鲜试射导弹问题。(完)
</
p
>
</
body
>
</
html
>
发表于 2007-12-27 12:51
大田斗
阅读(958)
评论(0)
编辑
收藏
所属分类:
html/js/css
新用户注册
刷新评论列表
只有注册用户
登录
后才能发表评论。
网站导航:
博客园
IT新闻
知识库
C++博客
博问
管理
相关文章:
深入浅出之正则表达式【zt】
ExtJs2.0学习系列(8)--Ext.XTemplate
ExtJs2.0学习系列(7)--Ext.TabPanel
ExtJs2.0学习系列(6)--Ext.FormPanel之第五式(综合篇)
ExtJs2.0学习系列(5)--Ext.FormPanel
ExtJs2.0学习系列(4)--Ext.FormPanel之第一式
ExtJs2.0学习系列(3)--Ext.Window
ExtJs2.0学习系列(2)--Ext.Panel
ExtJs2.0学习系列(1)--Ext.MessageBox
Ext.extend学习
<
2024年11月
>
日
一
二
三
四
五
六
27
28
29
30
31
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
1
2
3
4
5
6
7
导航
BlogJava
首页
发新随笔
发新文章
联系
聚合
管理
统计
随笔: 32
文章: 427
评论: 144
引用: 0
常用链接
我的随笔
我的评论
我的参与
最新评论
留言簿
(5)
给我留言
查看公开留言
查看私人留言
随笔档案
2008年12月 (1)
2008年4月 (2)
2008年2月 (1)
2008年1月 (1)
2007年12月 (3)
2007年11月 (1)
2007年10月 (3)
2007年7月 (2)
2007年6月 (1)
2007年4月 (2)
2007年3月 (3)
2007年2月 (5)
2007年1月 (3)
2006年12月 (4)
文章分类
axis(6)
(rss)
eclipse(7)
(rss)
Hibernate(30)
(rss)
html/js/css(107)
(rss)
java(106)
(rss)
linux(7)
(rss)
Lucene(7)
(rss)
spring(36)
(rss)
Spring CLOUd(1)
(rss)
Strtus(30)
(rss)
其它(48)
(rss)
开源opensource(48)
(rss)
数据库DateBase(30)
(rss)
设计模式(12)
(rss)
文章档案
2018年8月 (1)
2012年5月 (1)
2012年4月 (2)
2011年7月 (6)
2010年3月 (1)
2010年2月 (1)
2010年1月 (3)
2009年12月 (1)
2009年10月 (1)
2009年8月 (3)
2009年3月 (1)
2009年2月 (1)
2008年12月 (3)
2008年11月 (10)
2008年10月 (3)
2008年9月 (2)
2008年8月 (2)
2008年7月 (4)
2008年6月 (13)
2008年5月 (15)
2008年4月 (9)
2008年3月 (10)
2008年1月 (18)
2007年12月 (33)
2007年11月 (6)
2007年10月 (18)
2007年9月 (10)
2007年8月 (18)
2007年7月 (15)
2007年6月 (25)
2007年5月 (19)
2007年4月 (26)
2007年3月 (38)
2007年2月 (33)
2007年1月 (27)
2006年12月 (27)
2006年11月 (12)
java
Ajax特效网站
cndiy nio
GRO
Hani Suleiman's blog
Java之路
java论坛
J道
mule
mule 入门
oksonic(动画教程)
一路由你
中国eclipse
八进制
在线源码
多线程实战
天火
小米的blogjava
幻境伯克----jface/swt
很全的博克-强
每日一得
满江红
邢红瑞
飞翔
鸟诗选(js)
鸟食轩 (dhtml)
工具
apache中文手册
extjs学习
iconFindre
java 安全
javaresearch
java技巧网
js之王
matrix(study)
prototype api
spring中文
北京IT企业速查
在线流程图工具
雅虎翻译
朋友
Happyshow
hibernate异常
skywalker
sunshow
xf
亚光
同云博客
小弟鹏
张玉磊
昕
李阳
黄鸣
搜索
积分与排名
积分 - 1098443
排名 - 28
最新评论
1. re: hibernate.cfg.xml配置
好全啊 .. 棒棒哒 ~ !
--junqinag.yang
2. re: Quartz任务调度快速入门
我现在来看还是觉得不错
--小任
3. re: js中this的总结
评论内容较长,点击标题查看
--pam
4. re: Quartz任务调度快速入门
楼主辛苦
--yd
5. re: Quartz任务调度快速入门
顶了,内容写的很好
--sen
阅读排行榜
1. 网页不缓存(3536)
2. Form嵌套引起的问题 (2830)
3. 解决IE下CSS背景图片闪烁的Bug(2432)
4. Spring AOP的动态载入原理(2394)
5. 如何制作漂亮的Excel表格(2022)
评论排行榜
1. 北京户口--吃官司(5)
2. 开始→运行→输入的命令集锦(3)
3. 让网页上的所有图片动起来(2)
4. Dom4j 编码问题彻底解决 (1)
5. 心情不爽(1)