欢迎你的访问
 
返回天空素材库首页 http://www.Skysucai.com  
收藏本站
将本站设为首页
您当前的位置:天空素材首页 -> 状态栏时间跳动特效
 
栏 目 导 航
. 常用代码 . 综合特效
. 状态特效 . 游戏特效
. 页面背景 . 页面特效
. 页面导航 . 文本操作
. 文本特效 . 图形特效
. 鼠标特效 . 时间日期
. 密码特效 . 浏览相关
. 警告对话 . 技巧特效
. 计数转换 . 测试搜索
. 代码生成 . 播放音乐
. 按钮特效 . 系统相关
. 链接特效 . 黑客性质
. 相关特效 . 窗口特效
. 广告特效 . 表单表格
. 模拟例子
相 关 文 章
· 状态栏时间跳动
本 类 热 门
· 星期查询特效
· 农历日历挂历特效代码...
· 状态栏时间跳动特效
· 农历挂历特效
· 中文星期网页特效
· 真正的万年历
· 浮动的时钟
· 特酷的日期显示代码
· 网页特效 菜单-会动的...
· 网页特效 时间-任意位...
· 经典网页特效-显示他人...
· 最新网页特效-时钟是在...
更多  
 
 
更多  
最 新 推 荐
· 状态栏时间跳动特效
· 农历挂历特效
· 真正的万年历
· 网页特效 菜单-会动的...
· 网页特效 时间-任意位...
· 个人网页特效-有前后日...
· 时间每过一秒,Radio就...
· 时钟显示在任意指定位...
· 带开关的Form时钟
· 记录几天后的日期
· 显示登陆时间
· 退出时显示访问时间
更多  
     
状态栏时间跳动特效
状态栏时间跳动特效
作者:无  来源:本站整理  名称:状态栏时间跳动特效 

减小字体 增大字体

       

[提示:你可先按照下面代码提示修改 上面部分代码,再按运行,此处看到的演示不完全正确]

此特效的详细完整代码如下:

要完成此效果需要两个步骤


第一步:把如下代码加入到<body>区域中

<SCRIPT LANGUAGE="JavaScript">
<!--
var flasher = false
// calculate current time, determine flasher state,
// and insert time into status bar every second
function updateTime() {
var now = new Date()
var theHour = now.getHours()
var theMin = now.getMinutes()
var theTime = "" + ((theHour > 12) ? theHour - 12 : theHour)
theTime += ((theMin < 10) ? ":0" : ":") + theMin

theTime += ((flasher) ? "  " : " =")
theTime += (theHour >= 12) ? " 下午" : " 上午"
flasher = !flasher
window.status = theTime
// recursively call this function every second to keep timer going
timerID = setTimeout("updateTime()",1000)
}
//-->
</SCRIPT>


第二步:把“onLoad="updateTime()"”加在<body>标记里
例如:<body onLoad="updateTime()">


[返回上一页] [打印状态栏时间跳动特效]
上一篇特效:农历挂历特效
     
| 关于本站 | 服务条款 | 友情连接 | 网站地图 | 联系方式 | 广告联系 |