兼容火狐文字定时向上滚动特效代码

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

分享一款实用的文字定时向上滚动js特效,这个文字滚动特效兼容火狐浏览器,根据自己的需求来自定义滚动速度。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta name="keywords" content="武鸣人网站,武鸣信息网,武鸣本地网,武鸣信息资源平台,减肥,健身,励志,励志语录,js特效,网页特效,www.wuming.ren">
<meta name="description" content="欢迎来到武鸣人信息资源平台,各种信息免费发布,资源共享合作共赢,分享互联网流行的励志语录经典短句,减肥健身健康小常识及打卡记录,收集各种js特效代码。">
<title>兼容火狐文字定时向上滚动特效代码_武鸣人</title>
<style>
*{ padding:0; margin:0;}
body{font-family: Arial, Helvetica, sans-serif; line-height:1.8; font-size:12px;  background:url() no-repeat top right}
#wenchuan{ overflow:hidden; height:150px;}
a:link,a:visited{color:#333;text-decoration:none;}
a:hover,a:active{color:#000;text-decoration:underline;}
li{background:url() no-repeat 5px 8px;padding-left:16px;overflow:hidden}
</style>
</head>
<body>
<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>
<ul id="wenchuan">
<li><a href="https://wuming.ren" target="_blank">罗富仙和孙玉兰</a></li>
<li><a href="https://wuming.ren" target="_blank">急寻许秀军和苟玲父女两人!</a></li>
<li><a href="https://wuming.ren" target="_blank">寻找汶川县城的陈永英!</a></li>
<li><a href="httsp://www.wuming.ren" target="_blank">拜托你们帮我寻小妹刘冬梅!</a></li>
<li><a href="httsp://www.wuming.ren" target="_blank">寻龚倩!</a></li>
<li><a href="httsp://www.wuming.ren" target="_blank">寻找亲友报平安</a></li>
<li><a href="httsp://www.wuming.ren" target="_blank">四川师大叫李明速回绵阳中医院看望病重母亲</a></li>
<li><a href="https://wuming.ren/" target="_blank">寻找秦丹</a></li>
<li><a href="https://wuming.ren/" target="_blank">我想找我映秀的朋友她叫高慧女21岁!</a></li>
<li><a href="https://wuming.ren/" target="_blank">想寻找曾经在公安校2002级治安一区队读书的在文川的柏星旺</a></li>
<li><a href="https://wuming.ren/" target="_blank">请转告所有青川木鱼中学的学生和家长!</a></li>
<li><a href="https://wuming.ren/" target="_blank">请帮我寻找茂县南新安乡的唐光映、唐伟等等众多的亲人!</a></li>
<li><a href="https://wuming.ren/" target="_blank">请帮我寻找亲人万良会,陈顺会,陈丽红</a></li>
<li><a href="https://wuming.ren/" target="_blank">请帮我寻找一下雅安市香花乡五组的魏世德,魏一!</a></li>
<li><a href="https://wuming.ren/" target="_blank">寻乘座阿坝至成都黄继琼</a></li>
<li><a href="https://wuming.ren/" target="_blank">阿坝师专的大一学生代伟刚</a></li>
<li><a href="https://wuming.ren/" target="_blank">寻乘座阿坝至成都的客车车牌川U21730的乘客黄继琼!</a></li>
<li><a href="https://wuming.ren/" target="_blank">寻谢恩发,谢恩洪,谢恩惠!</a></li>
<li><a href="https://wuming.ren/" target="_blank">寻武鸣人、顾海东、杜建华,杨晓贵、罗小勇、贾春龙,周世辉!</a></li>
<li><a href="https://wuming.ren/" target="_blank">寻找一下阿坝师专的大一学生代伟刚!</a></li>
</ul>
<script type="text/javascript">
var scrollnews = document.getElementById('wenchuan');
var lis = scrollnews.getElementsByTagName('li');
var ml = 0;
//武鸣人网站https://www.wuming.ren 网站很好记住,wuming.ren(武鸣拼音.ren域名后缀)
var timer1 = setInterval(function(){
    var liHeight = lis[0].offsetHeight;
    var timer2 = setInterval(function(){
     scrollnews.scrollTop = (++ml);
     if(ml == liHeight){
        clearInterval(timer2);
        scrollnews.scrollTop = 0;
        ml = 0;
        lis[0].parentNode.appendChild(lis[0]);
     }
  },10);
},2000);
</script>
</body>
</html>


0
0
收藏0

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

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

回帖

兼容火狐文字定时向上滚动特效代码 期待您的回复!

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

取消确定

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