JS在固定区域实现超紧凑的链表滚动效果代码

本文以JS为例，实现了超紧凑链接列表在固定区域滚动的效果代码。分享给大家参考，如下：

这款超紧凑版的链表文本滚动代码可以在指定区域滚动，当然区域大小可以自行设置。

运行效果截图如下：

在线演示地址如下：

http://demo.jb51.net/js/2015/js-link-list-scroll-style-codes/

具体代码如下：

HtmlHEADTITLE文本链接列表滚动/TITLEMETA内容=' text/html；charset=GB 2312 ' http-equiv=Content-TypeSTYLE type=text/CSS # demo a { width :100%；飞越：隐藏；font :12 px/16px ta Homa；显示：块；文本装饰： none；margin:2pxcolor: # 4a551c填充-left :2 px；text-align : left；} # demo a : hover { color : # ff 6600；}/STYLe/流浆池id=' demo ' STYLe=' overflow : hidden；height:132px宽度width:350px' border:1px实心# dde5bc'Div id='demo1' a href='# '彩色电脑机箱图标，多种颜色和样式./a a href=' # '地方税务局网站建设方案./a a href=' # '获取系统内存，并用饼图显示百分比./a href=' # '彩色电脑机箱图标。多种颜色和款式./a a a href=' # '与IE、FF、Opera完全兼容，其他尚未测试./a a href=' # '地方税务局网站建设方案./a a href=' # '彩色电脑机箱图标。多种颜色和款式./a a href=' # '地方税务局网站建设方案./a a href=' # '与IE、FF、Opera完全兼容，而其他尚未经过测试./a a href=' # '获取系统内存，并在饼图中显示百分比./a a href=' # '与ie、ff完全兼容。其他的还没有经过测试./a a href=' # '获取系统内存，并在饼图中显示百分比./a/div div id=' demo 2 '/div/divscriptvarspeed=40 vardemo=document . getelementbyid(' demo ')；var demo 2=document . getelementbyid(' demo 2 ')；var demo 1=document . getelementbyid(' demo 1 ')；demo 2 . innerhtml=demo 1 . innerhtml function Marquee(){ if(demo 2 . offsettop-demo . scroll top=0)demo . scroll top-=demo 1 . offset theight else { demo . scroll top } } Var mymar=set interval(Marquee，speed) demo。onmouseover=function(){ clear interval(mymar)}演示。onmouseout=function(){ mymar=set interval(marquee，speed)}/script/body/html希望本文对JavaScript编程有所帮助。