时间:2021-05-18
在大型的网站新闻公告和友情链接等领域经常有这种文字或图片垂直滚动的效果,下面就介绍一下文字垂直滚动的javascript代码。
javascript代码如下:
<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="author" content="https://www.jb51.net/" /><title></title><style> a { display:block; font-size:15px; line-height:18px; text-decoration:none; color:#333; font-family:Arial; font-size:12px; } .main{ background:no-repeat 4px 5px; border:1px solid #aaa; width:400px; padding:3px 2px 2px 20px; } #thediv{ height:36px; overflow:hidden; } </style><script type="text/javascript">var c, _ = Function;window.onload=function(){ with (o = document.getElementById("thediv")){ innerHTML += innerHTML; onmouseover = _("c=1"); onmouseout = _("c=0"); } (F=_("if(#%18||!c)#++,#%=o.scrollHeight>>1;setTimeout(F,#%18?10:3000);".replace(/#/g,"o.scrollTop")))(); }</script> </head> <body> <div class="main"> <div id="thediv"> <a>蚂蚁部落欢迎您</a> <a>只有奋斗才会有好的结果</a> <a>高手都是从菜鸟成长而来</a> <a>太阳马上就要出来了</a> </div> </div> </body> </html>以上代码就实现了文字垂直滚动的效果,文字可有上下间歇性的滚动,有需要的朋友可以来参考下,希望大家喜欢。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
1.先写两个最常用最简洁的滚动代码代码如下:水平滚动:水平滚动字幕内容垂直滚动:垂直滚动字内容2.平稳不间断滚动复制代码代码如下:vartm=nullfunct
本文实例为大家分享了javascript实现文字无缝滚动的全部代码,供大家参考,具体内容如下效果图:实现代码:*{margin:0;padding:0;}.di
ViewFlipper实现文字轮播(仿淘宝头条垂直滚动广告),供大家参考,具体内容如下广告条目可以单独写成布局文件,然后在布局文件或者代码中添加到总布局中从源码
JQuery计算滚动条长度和位置,代码如下:javascript复制代码代码如下:varscrMinHeight=1;//滚动条最小高度varscrMaxHei
如何使定义了高度和宽度的<a>里的文字垂直居中【实现代码】XML/HTMLCode复制内容到剪贴板垂直居中文字如何使“文字”垂直居中?解