数据正在传送.请稍候
虚拟主机
域名注册
VPS主机
游客:
注册
登录
帮助
用户手册
梦游时光互联
»
站长茶馆
» [原创]DIV+CSS 纯静态实现梦游科技紧急通知的制作方法
本帖主题: [原创]DIV+CSS 纯静态实现梦游科技紧急通知的制作方法
↓
SinaViVi
Friend
Print
2009-1-2 11:23 PM
No.1
发表人:
An_Apple
主页
个人Blog
社区短消息
Yahoo!
TOP
An_Apple
(Yeeher)
Discuz! user
总裁俱乐部首席执行官
UID 3294
精华
2
积分 4670
帖子 4139
体力 4059
威望 49
贡献 1
阅读权限 60
注册 2006-11-27
来自 上海市徐汇区
状态 离线
[广告]:
优惠券代码:20111001FF20% 有效期:2011.10.01/2011.10.15
[原创]An_Apple教你用 DIV+CSS 纯静态实现梦游科技紧急通知是如何怎么做实现的?
这是个老帖了(
原帖
),因为有人需要,所以有必要专门开个帖子来发下。
其实很简单的问题,因为是静态的,代码可以全部拷贝来的,呵呵。
用的是Div+JavaScript,层+js脚本
把如下代码放到你的网页
CODE:
[复制代码到粘贴板]
<div id=divadv style='position: absolute; left: 0; top: -370;filter:alpha(opacity=100)'>
<table border='0' width='100%' cellspacing='0' cellpadding='0' bgcolor="#F8F8F8">
<tr>
<td></td>
</tr>
<tr>
<td height='30' valign='top'>
<table border='0' width='100%' cellspacing='0'>
<tr>
<td align="center"><font color="#000080"><b><font size="4">
梦游科技紧急通知:</font></b></font></td>
<td width='121'>
<input type="button" value="关闭公告" name="B3"
onclick="hideadv()" style="color: #000080; border: 1px solid #808080; padding: 3px;
background-color: #FFFFFF"></td>
</tr>
<tr>
<td height=1 bgcolor=#DDDDDD></td>
<td width='121' height=1 bgcolor=#DDDDDD></td>
</tr>
</table>
</td>
</tr>
<tr>
<td align='center' valign='top'>
<table border='0' width='880' cellspacing='0' cellpadding='0'>
<tr>
<td width='30' valign='top'>
</td>
<td valign='top' width='813' style='font-size:12px;line-
height:1.5'>
<font color='#800000'>因不可抗拒因素,主服务器恢复至2007-02-07数据,导致07-14的订单丢失,如果您在这几天提交的订单或是金额,请联系我们补单。</font>
<br /><font color='800000'>客服人员:100366636 , 306881044 .MSN:admin@meyu.net , jackc@pdxx.com . 给您造成的不便深感抱歉,顺祝大家新年快乐,万事如意!</font></td></tr>
</table>
</td>
</tr>
<tr>
<td height="6"></td>
</tr>
<tr>
<td height="1" bgcolor=#DDDDDD></td>
</tr>
<tr>
<td height="1" bgcolor=#848484></td>
</tr>
</table>
<script language="JavaScript" src="load.js" type="text/javascript"></script>
</div>
然后把如下javascript代码保存为load.js文件保存到网页的同一个目录里(具体看上面的<script language="JavaScript" src="load.js" type="text/javascript"></script>
里面load.js路径是怎么填写的).
CODE:
[复制代码到粘贴板]
function showadv(){
var advword=eval('divadv');
if (advword.style.pixelTop<0)
{
advword.style.pixelTop+=5;
setTimeout('showadv()',10);
}
else
{
setTimeout('hideadv()',30000);
}
}
function hideadv(){
var advword=eval('divadv');
if (advword.style.pixelTop>-370)
{
advword.style.pixelTop-=10;
setTimeout('hideadv()',10);
}
else
{
advword.innerHTML='';
}
}
var dateA = new Date("2009/1/1");
var dateB = new Date("2020/12/25");
var now = new Date();
if (now>dateA && now<dateB)
showadv();
不妨用我的空间预览下:
http://gmail.91.tc/site/meyu/index.html
更详细代码见附件,所有代码已打包.
CODE:
[复制代码到粘贴板]
var dateA = new Date("2009/1/1");
var dateB = new Date("2020/12/25");
var now = new Date();
if (now>dateA && now<dateB)
showadv();
这里的代码是定义公告的开始和结束时间,其他的(比如公告展示多少秒后自动关闭,默认参数是 10 )自己慢慢摸把.
所有演示代码已经打包至附件,欢迎下载。最后祝所有 meyu 朋友新年快乐!
[
本帖最后由 An_Apple 于 2009-1-2 11:30 PM 编辑
]
附件:
您所在的用户组无法下载或查看附件
Hello, World! I'm Back!
2019.9.1
回复:[原创]DIV+CSS 纯静态实现梦游科技紧急通知的制作方法
↓
SinaViVi
Friend
Print
2009-1-3 12:04 AM
No.2
发表人:
meyu
主页
个人Blog
社区短消息
QQ对话
TOP
meyu
(LBB煒//騎士精神)
梦游科技管理人员
Migratory Bird
UID 1
精华
36
积分 22031
帖子 13771
体力 12340
威望 684
贡献 39
阅读权限 200
注册 2005-12-15
状态 离线
[广告]:
新手解疑1:FTP空间各文件目录的作用
不是发过了?
I'm back .
QQ:595668888
手机:15813530000
回复:[原创]DIV+CSS 纯静态实现梦游科技紧急通知的制作方法
↓
SinaViVi
Friend
Print
2009-1-3 04:54 PM
No.3
发表人:
泡海椒
主页
个人Blog
社区短消息
QQ对话
TOP
泡海椒
(不泡論壇泡MM)
Discuz! user
I will find PLMM
UID 769
精华 0
积分 50
帖子 28
体力 36
威望 0
贡献 0
阅读权限 60
注册 2006-5-4
来自 火星
状态 离线
[广告]:
新手解疑1:FTP空间各文件目录的作用
MUYU科技 值得性耐!
哇咔咔
回复:[原创]DIV+CSS 纯静态实现梦游科技紧急通知的制作方法
↓
SinaViVi
Friend
Print
2009-1-3 05:12 PM
No.4
发表人:
An_Apple
主页
个人Blog
社区短消息
Yahoo!
TOP
An_Apple
(Yeeher)
Discuz! user
总裁俱乐部首席执行官
UID 3294
精华
2
积分 4670
帖子 4139
体力 4059
威望 49
贡献 1
阅读权限 60
注册 2006-11-27
来自 上海市徐汇区
状态 离线
[广告]:
备案信息核验单 - 现行国内备案必看
QUOTE:
原帖由
meyu
于 2009-1-3 12:04 AM 发表
不是发过了?
Hello, World! I'm Back!
2019.9.1
回复:[原创]DIV+CSS 纯静态实现梦游科技紧急通知的制作方法
↓
SinaViVi
Friend
Print
2009-1-3 07:05 PM
No.5
发表人:
dragongod
主页
社区短消息
TOP
dragongod
Lord
员人水灌技科游梦
UID 6672
精华 0
积分 573
帖子 443
体力 441
威望 2
贡献 0
阅读权限 50
注册 2007-7-22
来自 据说叫地球
状态 离线
[广告]:
新手解疑1:FTP空间各文件目录的作用
恩。。又素JS。。JS拖得我的站慢的要死要死地。算了无视。自己看着爽就好,浏览体验死一边去。。
十里洋场中落寞的独行者
www.dragongod.net
回复:[原创]DIV+CSS 纯静态实现梦游科技紧急通知的制作方法
↓
SinaViVi
Friend
Print
2009-1-6 02:49 PM
No.6
发表人:
mingelz
社区短消息
TOP
mingelz
Member
UID 10843
精华 0
积分 56
帖子 32
体力 31
威望 0
贡献 0
阅读权限 20
注册 2008-8-25
状态 离线
[广告]:
备案信息核验单 - 现行国内备案必看
留下了~
回复:[原创]DIV+CSS 纯静态实现梦游科技紧急通知的制作方法
↓
SinaViVi
Friend
Print
2009-1-6 02:54 PM
No.7
发表人:
92uu
个人Blog
社区短消息
QQ对话
TOP
92uu
Meyu Customer
梦游科技捣蛋人员
UID 5717
精华 0
积分 1954
帖子 1666
体力 1651
威望 26
贡献 0
阅读权限 80
注册 2007-5-18
状态 离线
[广告]:
优惠券代码:20111001FF20% 有效期:2011.10.01/2011.10.15
一直找机会推到meyu 爆菊
回复:[原创]DIV+CSS 纯静态实现梦游科技紧急通知的制作方法
↓
SinaViVi
Friend
Print
2009-1-15 12:57 PM
No.8
发表人:
0038
个人Blog
社区短消息
TOP
0038
Discuz! user
UID 1629
精华 0
积分 15
帖子 13
体力 13
威望 0
贡献 0
阅读权限 60
注册 2006-7-17
状态 离线
[广告]:
备案信息核验单 - 现行国内备案必看
路过
回复:[原创]DIV+CSS 纯静态实现梦游科技紧急通知的制作方法
↓
SinaViVi
Friend
Print
2009-1-17 03:33 PM
No.9
发表人:
An_Apple
主页
个人Blog
社区短消息
Yahoo!
TOP
An_Apple
(Yeeher)
Discuz! user
总裁俱乐部首席执行官
UID 3294
精华
2
积分 4670
帖子 4139
体力 4059
威望 49
贡献 1
阅读权限 60
注册 2006-11-27
来自 上海市徐汇区
状态 离线
[广告]:
新手解疑1:FTP空间各文件目录的作用
感谢大家支持。
Hello, World! I'm Back!
2019.9.1
回复:[原创]DIV+CSS 纯静态实现梦游科技紧急通知的制作方法
↓
SinaViVi
Friend
Print
2009-1-29 06:42 PM
No.10
发表人:
hugoyuan
社区短消息
TOP
hugoyuan
Conqueror
UID 7118
精华 0
积分 325
帖子 173
体力 169
威望 2
贡献 0
阅读权限 30
注册 2007-8-30
状态 离线
[广告]:
优惠券代码:20111001FF20% 有效期:2011.10.01/2011.10.15
没法收藏主题啊
回复:[原创]DIV+CSS 纯静态实现梦游科技紧急通知的制作方法
↓
SinaViVi
Friend
Print
2009-2-1 01:03 PM
No.11
发表人:
An_Apple
主页
个人Blog
社区短消息
Yahoo!
TOP
An_Apple
(Yeeher)
Discuz! user
总裁俱乐部首席执行官
UID 3294
精华
2
积分 4670
帖子 4139
体力 4059
威望 49
贡献 1
阅读权限 60
注册 2006-11-27
来自 上海市徐汇区
状态 离线
[广告]:
新手解疑1:FTP空间各文件目录的作用
QUOTE:
原帖由
hugoyuan
于 2009-1-29 06:42 PM 发表
没法收藏主题啊
浏览器收藏夹。
Hello, World! I'm Back!
2019.9.1
回复:[原创]DIV+CSS 纯静态实现梦游科技紧急通知的制作方法
↓
SinaViVi
Friend
Print
2009-2-9 10:23 AM
No.12
发表人:
mingrxp
社区短消息
TOP
mingrxp
Newbie
UID 7352
精华 0
积分 45
帖子 29
体力 28
威望 0
贡献 0
阅读权限 10
注册 2007-9-16
状态 离线
[广告]:
新手解疑1:FTP空间各文件目录的作用
什么紧急通知?没见过呢。。。。。。我FireFox = =
回复:[原创]DIV+CSS 纯静态实现梦游科技紧急通知的制作方法
↓
SinaViVi
Friend
Print
2009-2-14 11:41 AM
No.13
发表人:
An_Apple
主页
个人Blog
社区短消息
Yahoo!
TOP
An_Apple
(Yeeher)
Discuz! user
总裁俱乐部首席执行官
UID 3294
精华
2
积分 4670
帖子 4139
体力 4059
威望 49
贡献 1
阅读权限 60
注册 2006-11-27
来自 上海市徐汇区
状态 离线
[广告]:
优惠券代码:20111001FF20% 有效期:2011.10.01/2011.10.15
QUOTE:
原帖由
mingrxp
于 2009-2-9 10:23 AM 发表
什么紧急通知?没见过呢。。。。。。我FireFox = =
firefox 也可看到。
Hello, World! I'm Back!
2019.9.1
回复:[原创]DIV+CSS 纯静态实现梦游科技紧急通知的制作方法
↓
SinaViVi
Friend
Print
2009-6-13 02:46 AM
No.14
发表人:
An_Apple
主页
个人Blog
社区短消息
Yahoo!
TOP
An_Apple
(Yeeher)
Discuz! user
总裁俱乐部首席执行官
UID 3294
精华
2
积分 4670
帖子 4139
体力 4059
威望 49
贡献 1
阅读权限 60
注册 2006-11-27
来自 上海市徐汇区
状态 离线
[广告]:
新手解疑1:FTP空间各文件目录的作用
补充:在浏览器平台 Firefox 2009 China Edition 火狐中国版上,这个代码无效。
很遗憾。
Hello, World! I'm Back!
2019.9.1
回复:[原创]DIV+CSS 纯静态实现梦游科技紧急通知的制作方法
↓
SinaViVi
Friend
Print
2010-1-10 12:09 AM
No.15
发表人:
m80
个人Blog
社区短消息
TOP
m80
Me Customer
80后站长
UID 13699
精华 0
积分 219
帖子 171
体力 167
威望 0
贡献 0
阅读权限 80
注册 2009-12-13
状态 离线
[广告]:
优惠券代码:20111001FF20% 有效期:2011.10.01/2011.10.15
看看哦。。。。。。。。
[uro=http://guigushi.cn][sieze=5]
鬼故事论坛
[/url]
Powered by
Discuz!
3.12
Licensed
© 2001-2005
Processed in 0.010025 second(s), 7 queries , Gzip enabled
所有时间为 GMT+8, 现在时间是 2024-11-24 12:24 AM
清除 Cookies
-
联系我们
-
梦游时光互联
-