优内建站网,专业建站,企业建站,免费建站,智能建站,个人建站!
主营企业建站,seo优化,手机网站,微信网站开发等业务!>> 繁体中文
用户名: 密 码: 验证码:    
企业建站,专业建站,模板建站,智能建站
 您现在的位置:首页 >> Javascript教程 >> 详细内容>>        【字体:  】【颜色: 绿

状态栏与title栏的特效显示详解

在百度搜索关于“状态栏与title栏的特效显示详解”的内容

在谷歌搜索关于“状态栏与title栏的特效显示详解”的内容

买空间、服务器就上威客主机网(VK163.COM) 虚拟主机评测+IDC导航=威客主机之家 标志设计
[内容提要] 现在在IE的Title和状态栏上作"秀"的网页真是越来越多了,而且有时的效果真的是很不错的,其实一般这种特效相对还是比较简单的,要自己动手做一个也不会很难的,下面我选了个还算复杂的效果为大家作一个详细的解释,相信你仔细看过以后一定会觉得非常有收获的,好了,不多废话了,快跟...

作者: 优内科技  来源: 优内科技  驻站日期:2008/12/13 【 加入收藏 】 【 打印此页 】 【 关闭

现在在IE的Title和状态栏上作"秀"的网页真是越来越多了,而且有时的效果真的是很不错的,其实一般这种特效相对还是比较简单的,要自己动手做一个也不会很难的,下面我选了个还算复杂的效果为大家作一个详细的解释,相信你仔细看过以后一定会觉得非常有收获的,好了,不多废话了,快跟我来吧...

下面是一个很酷的例子解释(效果显示分别在状态栏title栏):
<script language="JavaScript">
<!--
var current = 0 //设置一个参数的值为0,后面会调用
var x = 0 //设置一个参数的值为0,后面会调用
var speed = 200 //设置一个速度参数值
var speed2 = 5000 //再设置一个速度参数值

function initArray(n) { //设置一个数组函数
this.length = n;
for (var i =1; i <= n; i++) {
this[i] = ' ' //一个个显示数组内容
}
}

action = new initArray(4) //设置具体的数组
action[0]="黃河远上白云间,一片孤城万仞山,羌笛何须怨杨柳,春风不度玉门关!"
action[1]="闺中少妇不之愁,春日凝妆上翠楼,忽见陌头杨柳色,悔教夫婿觅封侯!"
action[2]="秦时明月汉秦关,万里长征人未还,但使龙城飞将在,不教胡马渡阴山!"
action[3]="葡萄美酒夜光杯,欲饮琵琶马上催,醉臥沙场君莫笑,古来征战几人回!"

function action2() { //设置一个显示字符的函数
var m = action[current] //调用上面的参数,即为显示action[0],把它的值给m

document.title = m.charAt(x++) //一个个显示字符,x的原值为0,这是显示在title的情况

if (x == m.length + 1) {
x = 0 //如果一组数组显示完成后,x的值重新设为0
current++ //同时current值增加1
window.status = m //显示一下这时的m,即整个数组的字符内容,这个内容显示在状态栏上

if (current > action.length - 1) {
current = 0 //数组全部显示完毕后,再重新设current为0,显示重新开始
}

setTimeout("action2()", speed2)
} //设置函数运行的间隔时间,这是数组间显示的间隔时间,与上面第二个IF值对应

else {
setTimeout("action2()", speed)
} //设置函数运行的间隔时间,这是数组中一个个字符显示的间隔时间,与上面的不同,这也是设置两个时间的原因
}

action2() //启动函数
//-->
</script>

心得:其实要把内容显示在状态栏上还是Title上是非常自由的,甚至两者的内容可以互换的,也就是一个显示参数的区别而已,它们是:window.statusdocument.title,明白了这点,现在你自己动手可做的内容又多了许多吧,有兴趣赶快换几个效果看看,到时你也会很有成就感的...:)

添加到QQ书签 百度收藏 订阅到抓虾 添加到鲜果  新浪ViVi  365Key网摘  天极网摘  我摘  和讯网摘  yahoo  收藏到收客网  Digbuzz我挖网  添加到饭否  挖客  添加到google  

   【回到顶部】 【返回文章列表】 编辑:优内科技
⊕ 上一篇:自动打开最快镜像站点
⊕ 下一篇:说明框的各种用法
  相关新闻
返回首页 | 设为首页 | 添加收藏 | 关于我们 | 联系我们 | 企业文化 | 合作伙伴 | 诚聘英才 | 网站报价 | 企业资质 | 网站地图
邮箱登陆 E- mail:master@cck5.com 点击这里给我发消息 客服专员 QQ:310203268 点击这里给我发消息 技术咨询 QQ:22071287点击这里给我发消息 代理备案 QQ:529631515
丰富的网站建设经验,专业提供网站建设、网站制作、网页设计服务,专业设计,真诚服务,不满意不收费!
Copyright 2008 - 2025 cck5 Inc. All Rights Reserved 优内建站网络科技公司
本站部分资源来自网络,如有侵犯您的版权,请告之,我们将即刻删除!QQ:310203268
主要业务:网站建设企业建站专业建站智能建站SEO优化微信建站手机建站
本站ICP备案号:浙ICP备11019299号 中国电信增值ICP经营许可证
不良信息举报中心 江西网警 信息产业部门备案 企业法人营业执照
 
扫优内微信二维码
“码”上有惊喜