加载中…
个人资料
csbeyond
csbeyond
微博
  • 博客等级：
  • 博客积分：0
  • 博客访问：13,395
  • 关注人气：125
  • 获赠金笔：0支
  • 赠出金笔：0支
  • 荣誉徽章：
正文 字体大小：大 中 小

底部状态栏特效(补充)

(2006-08-19 04:04:14)
分类： *博客教程* -欢迎学习-
前面我有两篇文章已经给介绍过一些底部状态栏特效的代码，这次再给大家介绍下面这两段代码:
 
<script language="javascript">
<!--
var speed = 5
var pause = 1500
var timerID = null
var bannerRunning = false
var ar = new Array()
ar[0] = "欢迎光临γ蚊ж子ま的情感世界!"
ar[1] = "如果您觉得本博客还不错!"
ar[2] = "请把它推荐给您的朋友!"
ar[3] = "如果您对本博客有什么意见或者建议!"
ar[4] = "请给我留言，谢谢！"
var message = 0
var state = ""
clearState()
function stopBanner() {
        if (bannerRunning)
                clearTimeout(timerID)
        bannerRunning = false
}
function startBanner() {
        stopBanner()
        showBanner()
}
function clearState() {
        state = ""
        for (var i = 0; i < ar[message].length; ++i) {
                state += "0"
        }
}
function showBanner() {
        if (getString()) {
                message++
                if (ar.length <= message)
                        message = 0
                clearState()
                timerID = setTimeout("showBanner()", pause)
                bannerRunning = true
        } else {
                var str = ""
                for (var j = 0; j < state.length; ++j) {
                        str += (state.charAt(j) == "1") ? ar[message].charAt(j) : "     "
                }
                window.status = str
                timerID = setTimeout("showBanner()", speed)
                bannerRunning = true
        }
}
function getString() {
        var full = true
        for (var j = 0; j < state.length; ++j) {
                if (state.charAt(j) == 0)
                        full = false
        }
        if (full)
                return true
        while (1) {
                var num = getRandom(ar[message].length)
                if (state.charAt(num) == "0")
                        break
        }
        state = state.substring(0, num) + "1" + state.substring(num + 1, state.length)
        return false
}
function getRandom(max) {
        return Math.round((max - 1) * Math.random())
}
// -->
</script>
<body onLoad="startBanner()">
 
这段代码显示的效果跟我博客上的有些相似，不过不同的是每行字是组合弹出的，而不像我博客上每行的字是一个一个打出的。具体效果请参看此地址里所演示的：http://haobeizhan.go3.icpcn.com/zhuangtailan/zuhetanchu.txt
 
<SCRIPT LANGUAGE="javascript">
<!--
var Message="★情☆-欢迎来到γ蚊ж子ま的情感技术空间-★留☆ ";
var place=1;
function scrollIn() {
window.status=Message.substring(0, place);
if (place >= Message.length) {
place=1;
window.setTimeout("Helpor_net()",300);
} else {
place++;
window.setTimeout("scrollIn()",50);
}
}
function Helpor_net() {
window.status=Message.substring(place, Message.length);
if (place >= Message.length) {
place=1;
window.setTimeout("scrollIn()", 100);
} else {
place++;
window.setTimeout("Helpor_net()", 50);
}
}
Helpor_net();
-->
</SCRIPT>
 
这段代码显示的效果是这行文字复合滚动的。具体效果请参看此地址里所演示的:http://haobeizhan.go3.icpcn.com/zhuangtailan/zy.txt
 
<script language=javascript>
<!--
var x = 0
var speed = 120
var text = "★☆欢迎光临γ蚊ж子ま的情感世界!☆★"
var course = 120
var text2 = text
function Scroll() {
window.status = text2.substring(0, text2.length)
if (course <text2.length) {
setTimeout("Scroll2()", speed)
}
else {
text2 = " " + text2
setTimeout("Scroll()", speed);
}
}
function Scroll2() {
window.status = text2.substring(x, text2.length)
if (text2.length - x == text.length) {
text2 = text
x = 0
setTimeout("Scroll()", speed);
}
else {
x++
setTimeout("Scroll2()", speed);
}
}
Scroll()
//-->
</script>
 
这段代码显示的效果是文字在底部状态栏上来回滚动。具体效果请参看此地址里所演示的:http://haobeizhan.go3.icpcn.com/zhuangtailan/laihuigundong.txt
 
使用说明：
首先得新建一个txt文本，也就是记事本，然后把代码复制到该文本中，红色部分换成你自己想显示的文字，然后保存此文档（注意：文件属性必须保存为txt，不能改；保存时文件名必须为英文或者数字，否则不能用），接着把它上传到一个网络硬盘，上传之后获得这个文本在网上的地址，复制下来，代到下面的这段代码中，然后只需把下面这段代码运用到新浪上就可以了:
 
<iframe src="文本的URL地址" width="0" height="0" marginwidth="0" marginheight="0" hspace="0" vspace="0" frameborder="0" scrolling="no"></iframe>
 
有关其他两篇文章所介绍的底部状态栏特效的代码请参看：
 

喜欢

0

阅读┊ 收藏 ┊ 喜欢▼ ┊打印┊举报/Report
  

新浪BLOG意见反馈留言板　欢迎批评指正

新浪简介 | About Sina | 广告服务 | 联系我们 | 招聘信息 | 网站律师 | SINA English | 产品答疑

Copyright © 1996 - 2022 SINA Corporation, All Rights Reserved

新浪公司 版权所有