百分百源码网-让建站变得如此简单! 登录 注册 签到领金币!

主页 | 如何升级VIP | TAG标签

当前位置: 主页>网站教程>网页制作> js在网页状态栏左右滚动文本代码
分享文章到:

js在网页状态栏左右滚动文本代码

发布时间:01/14 来源: 浏览: 关键词:

短信息来回反射在状态栏中。


点击并期待在您的浏览器下方的状态栏当前的反弹为文本的示例。

JavaScript函数:
<script language="JavaScript">
<!--

var yourwords = "* JavaScript Search - Your Source for Free JavaScripts *";
var buffer1="                        ";
var buffer2="                        ";
var message1=buffer1+yourwords+buffer2;
var dir = "left";
var speed = 75;

function pingpong()
{
 if (dir == "left")
  {
    message2=message1.substring(2,message1.length)+"  ";
    window.status=message2;
    setTimeout("pingpong();",speed);
    message1=message2;
    if (message1.substring(0,1) == "*") dir="right";
  }
  else
  {
    message2="  "+message1.substring(0,message1.length-2);
    window.status=message2;
    setTimeout("pingpong();",speed);
    message1=message2;
    if (message1.substring(message1.length-1,message1.length) == "*") dir="left";
  }
}

// -->
</script>
<FORM>
Click <INPUT TYPE=BUTTON VALUE="Start" onclick="pingpong();"> and look in your current status bar on the bottom of your browser for an example of bouncing text.
</FORM>

打赏

打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

百分百源码网 建议打赏1~10元,土豪随意,感谢您的阅读!

共有4人阅读,期待你的评论!发表评论
昵称: 网址: 验证码: 点击我更换图片
最新评论

本文标签

广告赞助

能出一分力是一分吧!

订阅获得更多模板

本文标签

广告赞助

订阅获得更多模板