JS实现超精简的链接列表在固定区域内滚动效果代码

web前端|js教程

JS,链接列表,固定区域,滚动效果

web前端-js教程

这篇文章主要介绍了JS实现超精简的链接列表在固定区域内滚动效果代码,非常常见的页面元素属性变换控制实现滚动效果,简单实用,需要的朋友可以参考下，具体如下：

h264播放器源码,vscode少女系主题,ubuntu 该ip,ssm怎么启动tomcat,pydev 爬虫,php 优秀框架,南京seo推广怎么联系,简易个人网站源码,帝国带数据模板下载lzw

这款超精简版的链接列表文字滚动代码，可在指定的区域内滚动，当然，区域大小可以自己设置的。

asp会员交流源码,Ubuntu打开只有壁纸,tomcat服务器的作用,网络爬虫视频老师,学习php需要什么技术,快典seolzw

运行效果截图如下：

门户网站底部源码,ubuntu设置默认内核,tomcat为什么用不了,爬虫被封怎么处理,延安初中毕业php开发培训学院,常用seo技巧lzw

在线演示地址如下：

/js//js-link-list-scroll-style-codes/

具体代码如下：

#demo a { width:100%; overflow:hidden; font:12px/16px tahoma; display:block; text-decoration:none; margin:2px; color:#4a551c; padding-left:2px; text-align:left;}#demo a:hover { color:#ff6600;}

多彩的电脑机箱图标，很多颜色和风格…… 地方税务局网站建设方案 …… 获得系统内存，并以圆饼图表现百分比…… 多彩的电脑机箱图标，很多颜色和风格…… 完全兼容IE, FF, Opera, 其它的还未经测试…… 地方税务局网站建设方案 …… 多彩的电脑机箱图标，很多颜色和风格…… 地方税务局网站建设方案 …… 完全兼容IE, FF, Opera, 其它的还未经测试…… 获得系统内存，并以圆饼图表现百分比…… 完全兼容IE, FF, Opera, 其它的还未经测试…… 获得系统内存，并以圆饼图表现百分比……

var speed=40var demo=document.getElementById("demo");var demo2=document.getElementById("demo2");var demo1=document.getElementById("demo1");demo2.innerHTML=demo1.innerHTMLfunction Marquee(){ if(demo2.offsetTop-demo.scrollTop<=0) demo.scrollTop-=demo1.offsetHeight else{ demo.scrollTop++ }}var MyMar=setInterval(Marquee,speed)demo.onmouseover=function() {clearInterval(MyMar)}demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}

以上就是本章的全部内容，更多相关教学请访问JavaScript视频教学！