javascript滚动新闻代码
来源:互联网 发布:淘宝买灯具要3c认证吗 编辑:程序博客网 时间:2024/05/22 14:23
我在这里列出两种滚动模式:大家可以将代码拷贝到本机,建立一个html文件,直接运行就可以了。
1:一个一个的循环上移
<style>a{display:block;font-size:15px};</style><div id="div1" style="width:300px;height:68px;overflow:hidden"><a href="javascript:">1,我要赚钱,</a><a href="javascript:">2,我要生活 </a><a href="javascript:">3,我要买房,</a><a href="javascript:">4,我要一切</a><a href="javascript:">5,男人就要对自己狠点</a></div><script>var t=setInterval(myfunc,1000)var d=document.getElementById("div1")function myfunc(){var o=d.firstChildd.removeChild(o)d.appendChild(o)}d.onmouseover=function(){clearInterval(t)}d.onmouseout=function(){t=setInterval(myfunc,1000)}</script>
2:整体循环上移
<div id="marquees"> <a href="#">新闻一</a><br> <br> <a href="#">新闻二</a><br> <br> <a href="#">新闻三</a><br> <br> <a href="#">新闻四</a><br> <br></div><script language="JavaScript">marqueesHeight=200;stopscroll=false;with(marquees){ style.width=0; style.height=marqueesHeight; style.overflowX="visible"; style.overflowY="hidden"; noWrap=true; onmouseover=new Function("stopscroll=true"); onmouseout=new Function("stopscroll=false");}document.write('<div id="templayer" style="position:absolute;z-index:1;visibility:hidden"></div>');preTop=0; currentTop=0;function init(){ templayer.innerHTML=""; while(templayer.offsetHeight<marqueesHeight){ templayer.innerHTML+=marquees.innerHTML; } marquees.innerHTML=templayer.innerHTML+templayer.innerHTML; setInterval("scrollUp()",30);}document.body.onload=init;function scrollUp(){ if(stopscroll==true) return; preTop=marquees.scrollTop; marquees.scrollTop+=1; if(preTop==marquees.scrollTop){ marquees.scrollTop=templayer.offsetHeight-marqueesHeight; marquees.scrollTop+=1; }}</script>
0 0
- javascript滚动新闻代码
- javascript滚动新闻代码
- Javascript实现滚动新闻
- javaScript滚动新闻
- 新闻滚动代码
- Javascript实现滚动图片新闻
- JavaScript滚动新闻类 【转】
- JavaScript实现新闻上下滚动
- javaScript滚动新闻之上下左右平滑滚动
- window.setTimeout(Javascript学习,N);//新闻滚动
- 无缝滚动新闻的Javascript源代码
- 使用JavaScript实现新闻滚动效果
- javascript 实现新闻咨询图片滚动效果
- 流畅的向上滚动新闻代码特效
- 流畅的向上滚动新闻代码特效
- javascript制作滚动代码
- Javascript滚动代码
- 滚动新闻
- 图像处理(卷积)
- Oracle --- About Advanced Installation
- Javascript 仿Flash图片轮翻
- splay poj3468
- 2014-2-7 随笔
- javascript滚动新闻代码
- 黑马程序员——Switch语句小结
- some research topics
- 利用facerec代码包中的eigenface进行人脸识别
- GDB捡漏———GDB script
- android4.4中关于不能再主线程下载和在主线程中更新UI的矛盾
- Java之建造者模式(Builder Pattern)
- 系统上安装了多种浏览器,能否指定某浏览器访问指定页面?请说明原由。
- 打开虚拟机时报Invalid configuration file