数据正在传送.请稍候

梦游时光互联 » 站长茶馆 » [原创]DIV+CSS 纯静态实现梦游科技紧急通知的制作方法
     
本帖主题: [原创]DIV+CSS 纯静态实现梦游科技紧急通知的制作方法
2009-1-2 11:23 PM No.1 发表人:An_Apple  主页  个人Blog  社区短消息  Yahoo!  TOP
An_Apple (Yeeher)
Discuz! user
Rank: 6Rank: 6
总裁俱乐部首席执行官


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脚本
把如下代码放到你的网页

<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路径是怎么填写的).

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

更详细代码见附件,所有代码已打包.

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 纯静态实现梦游科技紧急通知的制作方法
2009-1-3 12:04 AM No.2 发表人:meyu  主页  个人Blog  社区短消息  QQ对话  TOP
meyu (LBB煒//騎士精神)
梦游科技管理人员
Rank: 12Rank: 12Rank: 12
Migratory Bird


官方管理人员  
UID 1
精华 36
积分 22031
帖子 13771
体力 12340
威望 684
贡献 39
阅读权限 200
注册 2005-12-15
状态 离线
[广告]: 新手解疑1:FTP空间各文件目录的作用
不是发过了?









I'm back .
QQ:595668888
手机:15813530000
回复:[原创]DIV+CSS 纯静态实现梦游科技紧急通知的制作方法
2009-1-3 04:54 PM No.3 发表人:泡海椒  主页  个人Blog  社区短消息  QQ对话  TOP
泡海椒 (不泡論壇泡MM)
Discuz! user
Rank: 6Rank: 6
I will find PLMM


UID 769
精华 0
积分 50
帖子 28
体力 36
威望 0
贡献 0
阅读权限 60
注册 2006-5-4
来自 火星
状态 离线
[广告]: 新手解疑1:FTP空间各文件目录的作用
MUYU科技 值得性耐!











哇咔咔
回复:[原创]DIV+CSS 纯静态实现梦游科技紧急通知的制作方法
2009-1-3 05:12 PM No.4 发表人:An_Apple  主页  个人Blog  社区短消息  Yahoo!  TOP
An_Apple (Yeeher)
Discuz! user
Rank: 6Rank: 6
总裁俱乐部首席执行官


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 纯静态实现梦游科技紧急通知的制作方法
2009-1-3 07:05 PM No.5 发表人:dragongod  主页  社区短消息  TOP
dragongod
Lord
Rank: 4
员人水灌技科游梦


UID 6672
精华 0
积分 573
帖子 443
体力 441
威望 2
贡献 0
阅读权限 50
注册 2007-7-22
来自 据说叫地球
状态 离线
[广告]: 新手解疑1:FTP空间各文件目录的作用
恩。。又素JS。。JS拖得我的站慢的要死要死地。算了无视。自己看着爽就好,浏览体验死一边去。。










十里洋场中落寞的独行者
www.dragongod.net
回复:[原创]DIV+CSS 纯静态实现梦游科技紧急通知的制作方法
2009-1-6 02:49 PM No.6 发表人:mingelz  社区短消息  TOP
mingelz
Member
Rank: 2



UID 10843
精华 0
积分 56
帖子 32
体力 31
威望 0
贡献 0
阅读权限 20
注册 2008-8-25
状态 离线
[广告]: 备案信息核验单 - 现行国内备案必看
留下了~

回复:[原创]DIV+CSS 纯静态实现梦游科技紧急通知的制作方法
2009-1-6 02:54 PM No.7 发表人:92uu  个人Blog  社区短消息  QQ对话  TOP
92uu
Meyu Customer
Rank: 8Rank: 8
梦游科技捣蛋人员


UID 5717
精华 0
积分 1954
帖子 1666
体力 1651
威望 26
贡献 0
阅读权限 80
注册 2007-5-18
状态 离线
[广告]: 优惠券代码:20111001FF20% 有效期:2011.10.01/2011.10.15










一直找机会推到meyu 爆菊
回复:[原创]DIV+CSS 纯静态实现梦游科技紧急通知的制作方法
2009-1-15 12:57 PM No.8 发表人:0038  个人Blog  社区短消息  TOP
0038
Discuz! user
Rank: 6Rank: 6



UID 1629
精华 0
积分 15
帖子 13
体力 13
威望 0
贡献 0
阅读权限 60
注册 2006-7-17
状态 离线
[广告]: 备案信息核验单 - 现行国内备案必看
路过

回复:[原创]DIV+CSS 纯静态实现梦游科技紧急通知的制作方法
2009-1-17 03:33 PM No.9 发表人:An_Apple  主页  个人Blog  社区短消息  Yahoo!  TOP
An_Apple (Yeeher)
Discuz! user
Rank: 6Rank: 6
总裁俱乐部首席执行官


UID 3294
精华 2
积分 4670
帖子 4139
体力 4059
威望 49
贡献 1
阅读权限 60
注册 2006-11-27
来自 上海市徐汇区
状态 离线
[广告]: 新手解疑1:FTP空间各文件目录的作用
感谢大家支持。









Hello, World! I'm Back!
2019.9.1
回复:[原创]DIV+CSS 纯静态实现梦游科技紧急通知的制作方法
2009-1-29 06:42 PM No.10 发表人:hugoyuan  社区短消息  TOP
hugoyuan
Conqueror
Rank: 3Rank: 3



UID 7118
精华 0
积分 325
帖子 173
体力 169
威望 2
贡献 0
阅读权限 30
注册 2007-8-30
状态 离线
[广告]: 优惠券代码:20111001FF20% 有效期:2011.10.01/2011.10.15
没法收藏主题啊

回复:[原创]DIV+CSS 纯静态实现梦游科技紧急通知的制作方法
2009-2-1 01:03 PM No.11 发表人:An_Apple  主页  个人Blog  社区短消息  Yahoo!  TOP
An_Apple (Yeeher)
Discuz! user
Rank: 6Rank: 6
总裁俱乐部首席执行官


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 纯静态实现梦游科技紧急通知的制作方法
2009-2-9 10:23 AM No.12 发表人:mingrxp  社区短消息  TOP
mingrxp
Newbie
Rank: 1



UID 7352
精华 0
积分 45
帖子 29
体力 28
威望 0
贡献 0
阅读权限 10
注册 2007-9-16
状态 离线
[广告]: 新手解疑1:FTP空间各文件目录的作用
什么紧急通知?没见过呢。。。。。。我FireFox = =

回复:[原创]DIV+CSS 纯静态实现梦游科技紧急通知的制作方法
2009-2-14 11:41 AM No.13 发表人:An_Apple  主页  个人Blog  社区短消息  Yahoo!  TOP
An_Apple (Yeeher)
Discuz! user
Rank: 6Rank: 6
总裁俱乐部首席执行官


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 纯静态实现梦游科技紧急通知的制作方法
2009-6-13 02:46 AM No.14 发表人:An_Apple  主页  个人Blog  社区短消息  Yahoo!  TOP
An_Apple (Yeeher)
Discuz! user
Rank: 6Rank: 6
总裁俱乐部首席执行官


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 纯静态实现梦游科技紧急通知的制作方法
2010-1-10 12:09 AM No.15 发表人:m80  个人Blog  社区短消息  TOP
m80
Me Customer
Rank: 8Rank: 8
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 - 联系我们 - 梦游时光互联 -