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
>
查看全文
相关阅读:
7、8月刷题总结
【POJ】2828 Buy Tickets(线段树+特殊的技巧/splay)
[LeetCode] 459. Repeated Substring Pattern 重复子字符串模式
[LeetCode] 268. Missing Number 缺失的数字
[LeetCode] 190. Reverse Bits 翻转二进制位
[LeetCode] 275. H-Index II H指数 II
[LeetCode] 274. H-Index H指数
[LeetCode] 387. First Unique Character in a String 字符串的第一个唯一字符
[LeetCode] 415. Add Strings 字符串相加
[LeetCode] 220. Contains Duplicate III 包含重复元素 III
原文地址:https://www.cnblogs.com/HD/p/98815.html
最新文章
03 java基本
02 java 程序环境
【BZOJ】1607: [Usaco2008 Dec]Patting Heads 轻拍牛头(特殊的技巧)
【BZOJ】1606: [Usaco2008 Dec]Hay For Sale(背包)
【BZOJ】1603: [Usaco2008 Oct]打谷机(水题+dfs)
【BZOJ】1602: [Usaco2008 Oct]牧场行走(lca)
【BZOJ】1601: [Usaco2008 Oct]灌水(kruskal)
【BZOJ】1600: [Usaco2008 Oct]建造栅栏(dp)
Codeforces Round #264 (Div. 2)
【POJ】2299 Ultra-QuickSort(逆序对)
热门文章
【wikioi】1250 Fibonacci数列(矩阵乘法)
【POJ】3150 Cellular Automaton(矩阵乘法+特殊的技巧)
【POJ】3070 Fibonacci(矩阵乘法)
【wikioi】1281 Xn数列(矩阵乘法)
【BZOJ】1818: [Cqoi2010]内部白点(树状数组+离散+特殊的技巧)
【BZOJ】2330: [SCOI2011]糖果(差分约束+spfa)
【TYVJ】1463
【wikioi】1222 信与信封问题(二分图+特殊的技巧)
【TYVJ】1467
开学后,板刷usaco!
Copyright © 2011-2022 走看看