加载中…
正文 字体大小:

状态栏底部特效代码

(2007-05-21 06:01:29)
分类: 新浪博客代码大全
状态栏底部特效代码
 
看到我的博客底部状态栏上飞动的:“HI:你好! 
欢迎访问【博客代码】博客网  
请多提宝贵意见,谢谢!  
E-MAIL:43332224@qq.com      
http://blog.sina.com.cn/m/yangguangyao”这些字没?感觉怎么样,是不是很酷?是不是心动了?呵呵~~想弄的话马上就教你!
 
下面有几种代码:
代码一:
<SCRIPT language="javascript">
<!--
function scrollit(seed) {
var m1 = "HI:你好!             ";
var m2 = "欢迎访问【博客代码】博客网   ";
var m3 = "请多提宝贵意见,谢谢!          ";
var m4 = "E-MAIL:43332224@qq.com        ";
var m5 = "http://blog.sina.com.cn/m/yangguangyao           ";
var msg=m1+m2+m3+m4+m5;
var out = " ";
var c = 1;
if (seed > 100) {
seed--;
cmd="scrollit("+seed+")";
timerTwo=window.setTimeout(cmd,100);
}
else if (seed <= 100 && seed > 0) {
for (c=0 ; c < seed ; c++) {
out+=" ";
}
out+=msg;
seed--;
window.status=out;
cmd="scrollit("+seed+")";
timerTwo=window.setTimeout(cmd,100);
}
else if (seed <= 0) {
if (-seed < msg.length) {
out+=msg.substring(-seed,msg.length);
seed--;
window.status=out;
cmd="scrollit("+seed+")";
timerTwo=window.setTimeout(cmd,100);
}
else {
window.status=" ";
timerTwo=window.setTimeout("scrollit(100)",75);
}
}
}
//-->
</SCRIPT>
<body background=bag.gif onLoad="scrollit(100)">
</body>
</html></body>
</html>
效果见我博客。
 
  
代码二:
<script language="javascript">
<!--
function statusMessageObject(p,d) {
this.msg = MESSAGE
this.out = " "
this.pos = POSITION
this.delay = DELAY
this.i = 0
this.reset = clearMessage
}
function clearMessage() {
this.pos = POSITION
}
var POSITION = 100
var DELAY = 5
var MESSAGE = "博客代码的blog欢迎您的光临!请您多提意见,谢谢!"
var scroll = new statusMessageObject()
function scroller() {
for (scroll.i = 0; scroll.i < scroll.pos; scroll.i++) {
scroll.out += " "
}
if (scroll.pos >= 0)
scroll.out += scroll.msg
else scroll.out = scroll.msg.substring(-scroll.pos,scroll.msg.length)
window.status = scroll.out
scroll.out = " "
scroll.pos--
if (scroll.pos < -(scroll.msg.length)) {
scroll.reset()
}
setTimeout ('scroller()',scroll.delay)
}
function snapIn(jumpSpaces,position) {
var msg = scroll.msg
var out = ""
for (var i=0; i<position; i++)
{out += msg.charAt(i)}
for (i=1;i<jumpSpaces;i++)
{out += " "}
out += msg.charAt(position)
window.status = out
if (jumpSpaces <= 1) {
position++
if (msg.charAt(position) == ' ')
{position++ }
jumpSpaces = 100-position
} else if (jumpSpaces > 3)
{jumpSpaces *= .75}
else
{jumpSpaces--}
if (position != msg.length) {
var cmd = "snapIn(" + jumpSpaces + "," + position + ")";
scrollID = window.setTimeout(cmd,scroll.delay);
} else {
window.status=""
jumpSpaces=0
position=0
cmd = "snapIn(" + jumpSpaces + "," + position + ")";
scrollID = window.setTimeout(cmd,scroll.delay);
return false
}
return true
}
snapIn(100,0);
// -->
</script>
 
效果是所要显示的文字在状态栏上一个一个地从右向左飞动!
 
代码三:
<script language="javascript">
var msg = "博客代码的blog欢迎您的光临!请您多提意见,谢谢!" ;
var interval = 120
var spacelen = 120;
var space10=" ";
var seq=0;
function Helpor_net() {
len = msg.length;
window.status = msg.substring(0, seq+1);
seq++;
if ( seq >= len ) {
seq = 0;
window.status = '';
window.setTimeout("Helpor_net();", interval );
}
else
window.setTimeout("Helpor_net();", interval );
}
Helpor_net();
</script>
 
效果是文字在状态栏上从左往右一个一个地显示,就象一个一个打出的字一样!
 
代码是有了,但是别急,这些代码是不能直接弄到新浪博客上的!心急的朋友可以先把这两段代码拿到此网站:http://zj16888.91.tc/zhq/888.htm去测试一下具体实际效果!
 
接下来要新建一个txt文本,其实就是记事本了,然后把代码复制进去,其中代码中将在状态栏上显示的的文字效果“博客代码的blog欢迎您的光临!请您多提意见,谢谢!”要改成你自己的文字。当然不能太贪心了,只能复制其中的一种代码。
 
注意:此文本的名字要用英文或者数字的,不能用中文,要不然最后会没效果的!
 
接下来得把这个刚刚建好的txt文本传到一个网络硬盘,是不是纳闷了,网络硬盘是个什么东西?哪有?不用担心,想知道我告诉你就是那。
http://www.ik8.com/注册一个就是那,免费1G空间啊。
把txt文本上传到空间之后打开文档复制地址拦地址.然后把这个地址代入到下面这段代码中:
 
<IFRAME marginWidth=0 marginHeight=0 src="文本URL地址" frameBorder=0 width=0 scrolling=no height=0></IFRAME>
 
这段代码才是要弄到新浪模板上的代码,就此就完成了弄代码的整个过程。
至于添加空白面板、定制我的首页什么的就不需要我再说了!
 
 

0

阅读 评论 收藏 转载 喜欢 打印举报
  • 评论加载中,请稍候...
发评论

    发评论

    以上网友发言只代表其个人观点,不代表新浪网的观点或立场。

      

    新浪BLOG意见反馈留言板 电话:4006900000 提示音后按1键(按当地市话标准计费) 欢迎批评指正

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

    新浪公司 版权所有