类似公告栏文字链接定时切换效果

2个月前 (05-25 16:40)阅读回复0
大陆
大陆
  • 管理员
  • 发消息
  • 注册排名1
  • 经验值5294
  • 级别管理员
  • 主题1058
  • 回复2
楼主

文字链接逐个弹出定时切换显示效果,这个文字特效常用于公告栏或新闻滚动显示,可根据自己的需求来自定义滚动速度。

<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
// news ticker function
var newslist=new Array();
var cnt=0;// current news item
var curr = "";
var i=-1;// current letter being typed
newslist[0]=new Array("欢迎来到武鸣人网站","")
newslist[1]=new Array("武鸣人信息资源平台","")
newslist[2]=new Array("各种信息免费发布","")
newslist[3]=new Array("资源共享合作共赢","")
newslist[4]=new Array("www.wuming.ren","")
function newsticker()
{//武鸣人网站https://www.wuming.ren 网站很好记住,wuming.ren(武鸣拼音.ren域名后缀)
  // next character of current item
  if (i < newslist[cnt][0].length - 1)
  {
    i++;
    temp1 = newslist[cnt][0];
    temp1 = temp1.split('');
    curr = curr+temp1[i];
    temp2 = newslist[cnt][1];
    mtxt.innerHTML = "<small><a href='https://www.wuming.ren/'><font color='#ff0000'>"+curr+"_</small></font></a>";
    setTimeout('newsticker()',10)
    return;
  }
  // new item
  i = -1; curr = "";
  if (cnt<newslist.length-1)
    cnt++;
  else
    cnt=0;
  setTimeout('newsticker()',3000)
}//武鸣人网站https://www.wuming.ren 网站很好记住,wuming.ren(武鸣拼音.ren域名后缀)
//  End -->
</script>
<body  onLoad="newsticker()">
<a href="https://www.wuming.ren">武鸣人</a>,各种信息资源免费发布,分享励志语录经典短句,减肥健身常识,各种js特效代码。网站很好记住,wuming.ren(武鸣拼音.ren域名后缀)<hr>
<!--欢迎来到武鸣人信息资源平台,各种信息免费发布,资源共享合作共赢,分享互联网流行的励志语录经典短句,减肥健身健康小常识及打卡记录,收集各种js特效代码。-->
<script type="text/javascript" src="https://www.wuming.ren/ad/tc.js"></script>
<script type="text/javascript" src="https://www.wuming.ren/ad/a.js"></script>
<span id="mtxt" style="position:relative;top:1px;padding:5px 5px 5px 5px;font-family:Arial;font-size:10pt;width:100%;overflow:auto;height:50px">
</span>
</body>


0
0
收藏0

本文来自武鸣人网站,转载请注明出处

本文地址:https://www.wuming.ren/a/1088.html

回帖

类似公告栏文字链接定时切换效果 期待您的回复!

取消
载入表情清单……
载入颜色清单……
插入网络图片

取消确定

图片上传中
编辑器信息
提示信息