zoukankan
html css js c++ java
[JavaScript]公告DIV实现
公告窗口如果用弹出式窗口的话,有可能会被些什么上网助手给屏蔽了!所以写了个公告DIV的JS。
演示地址:
http://blog.csdn.net/bgu/
代码如下:(放入到Body区域即可)
<
div id
=
"
affiche
"
ondblclick
=
"
closeDiv();
"
style
=
"
BORDER-RIGHT: black 1px outset; BORDER-TOP: black 1px outset; BORDER-LEFT: black 1px outset; WIDTH: 30%; CLIP: rect(auto auto auto auto); BORDER-BOTTOM: black 1px outset; POSITION: absolute; HEIGHT: 30%; BACKGROUND-COLOR: whitesmoke; TEXT-ALIGN: center;
"
align
=
"
center
"
>
<
table height
=
"
100%
"
width
=
"
100%
"
>
<
tr
>
<
td vAlign
=
"
middle
"
align
=
"
center
"
height
=
"
100%
"
>
此处为公告内容
<
div id
=
"
timeout
"
></
div
>
</
td
>
</
tr
>
</
table
>
</
div
>
<
script language
=
"
javascript
"
>
var
intOut
=
10
;
TimeDiv();
function
closeDiv()
{
document.getElementById(
"
affiche
"
).style.display
=
"
none
"
;
}
function
TimeDiv()
{
--
intOut;
if
( intOut
>
1
)
{
window.setTimeout(
"
TimeDiv()
"
,
1000
);
document.getElementById(
"
timeout
"
).innerText
=
intOut
+
"
秒后/双击窗口自动关闭!
"
;
}
else
{
closeDiv();
}
}
var
objDiv
=
document.getElementById(
"
affiche
"
);
SetDiv();
function
SetDiv()
{
objDiv.style.top
=
(document.body.offsetHeight
-
objDiv.offsetHeight)
/
2
+
document.body.scrollTop;
objDiv.style.left
=
(document.body.offsetWidth
-
objDiv.offsetWidth)
/
2
;
if
( intOut
>
1
)
{
window.setTimeout(
"
SetDiv()
"
,2
00
);
}
}
</
script
>
查看全文
相关阅读:
hdu 1576 A/B(exgcd、乘法逆元+整数快速幂)
CSS3带小图标垂直下拉菜单
CSS3动画表单
灰色3D按钮组合
半透明菜单导航
CSS3透明背景表单
CSS3手风琴菜单 可同时折叠多个菜单
jQuery图片下滑切换焦点图
jQuery消息提示框插件Tipso
jQuery自动轮播图片焦点图
原文地址:https://www.cnblogs.com/HD/p/98815.html
最新文章
02-django查询
Android电话拦截实现以及TelephonyManager监听的取消
[BBS]搭建开源论坛之Jforum搭配开源CKEDITOR
[BBS]搭建开源论坛之JForum富文本编辑器更换
android自定义viewgroup初步之一----抽屉菜单
[BBS]搭建开源论坛之JForum安装使用札记
【翻译】Ext JS最新技巧——2015-8-11
好看的dialog,sweet Alert Dialog 导入Android Studio
【翻译】在Ext JS 6通用应用程序中使用既共享又特定于视图的代码
java之yield(),sleep(),wait()区别详解-备忘笔记
热门文章
最常用的设计模式之单例模式---安卓数据库为例
题解报告:hdu 1284 钱币兑换问题(简单数学orDP)
题解报告:hdu 1260 Tickets
题解报告:hdu 1261 字串数
hdu 1431 素数回文
题解报告:hdu 1257 最少拦截系统(贪心)
题解报告:hdu 1408 盐水的故事
解题报告:hdu 1407 测试你是否和LTC水平一样高
题解报告:hdu 1406 完数
题解报告:hdu 1570 A C
Copyright © 2011-2022 走看看