runxinzhi.com
首页
百度搜索
[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
>
相关阅读:
利用API对OWLS描述的服务进行操作 转贴
转arcgis server部署 自己安装的体会
最后一次的温柔
JUDDI安装完整版 (转帖W3CHINA)
jUDDI安装总结
Protege中安装owls editor、graphviz插件
改完了开题报告 舒口气
服务组合的QoS信息
owls editor
一、性能测试术语
原文地址:https://www.cnblogs.com/HD/p/98815.html
最新文章
避免vs2005发布站点生成随机的dll文件名
Enterprise Library Database Authorization Provider
[转贴] 备份还原和迁移MOSS2007站点 BY ABEL
[转贴]一个项目经理的经验总结
SQL Server 语句导入导出大全
怎么做一个优秀的项目经理
Asp.net 1.0 升级至 ASP.NET 2.0十个问题总结
用Flash直接用action script 2.0 纯脚本方式来生成饼图
Project Server 2007【安裝】簡易文字流程
系统分析、设计——你合格吗?
热门文章
爬虫入门的基本原理,如果你连这些都不知道那你可以放弃爬虫了!
初学Python不知道做什么项目好?来看看练手项目如何?
让Python带你看一场唯美的横飘雪!
Python爬取全站妹子图片,差点硬盘走火了!
这一千个Python库,总有你想要的!
只需十行代码,就能爬取心中抖音美女的视频!
入门人工智能的首选语言为什么会是Python?
用Python对微信好友进行简单统计分析,获取好友的基本信息!
用Python手把手教你搭建一个web框架flask微框架!
都怪当初看了这6段代码,造成了如今的深度学习!
Copyright © 2020-2023
润新知