简单的无缝滚动程序-仅几行代码

2016-02-19 09:59 4 1 收藏

生活已是百般艰难,为何不努力一点。下面图老师就给大家分享简单的无缝滚动程序-仅几行代码,希望可以让热爱学习的朋友们体会到设计的小小的乐趣。

【 tulaoshi.com - Web开发 】

ul id="ScrollBox" style="width:300px;height:80px;overflow:hidden;margin:0;padding:0;line-height:20px;font-size:12px;"
li1.你可曾有过无数的梦想,/li
li2.却在时光的流逝里幻灭 /li
li3.你可曾对未来期待憧憬,/li
li4.却在成长的岁月中迷失/li
li5.CSDN中国程序员论坛/li
li6.大家一起来/li
li7.好象都很不错的样子/li
/ul
script type="text/javascript"
var t=setInterval(myfunc,1000);
var oBox=document.getElementById("ScrollBox");
function myfunc(){
var o=oBox.firstChild
oBox.removeChild(o)
oBox.appendChild(o)
}
oBox.onmouseover=function(){clearInterval(t)}
oBox.onmouseout=function(){t=setInterval(myfunc,1000)}
/script 

getElementsByClassName 的DOM方法

来源:http://www.tulaoshi.com/n/20160219/1592941.html

延伸阅读
标签: Web开发
今天遇到了一个纵向滚动条 ,本来打算用框架做,经过看到别人做的页面中,才知道可以用CSS 控制,以下CSS代码贡献给大伙学习。 overflow-y:scroll 上下滚 overflow-x:scroll 左右滚
标签: 电脑入门
①滚动行 Worksheets("Sheet1").Activate ActiveWindow.ScrollRow = 14 代码解释:上述代码的功能是,先激活Sheet1,将其作为活动工作表,然后,自动拖动垂直滚动条,将第14行拖到第一行的位置,即第一行至第13行将被拖到窗口中的上面,并看不到,而第14行则显示在可视窗口的最上面(在可视范围的第一行位置)。 与之相关的知识: ...
标签: Web开发
由于marquee标签现在用得是越来越少了,所以滚动效果的做法大多也都改用javascript来实现了,至于不明白为什么不直接用marquee标签的朋友,不妨先阅读一下这篇文章。 第一种方法:用javascript模拟marquee的做法。 出处:网易游戏 热点新闻 滚动新闻 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 个人观点:从...
我们在制作背景图像时,有时需要制作无缝贴图的效果,无缝贴图整齐,具有重复性,使很多朋友在制作时无从下手。在本节内容中,就使用智能参考线,来制作较为简单的无缝贴图。 (1)执行文件→新建命令,新建一个名为无缝贴图的文档。 (2)选择多边形工具,在页面中绘制图形。 (3)执行视图→智能参考线命令,使用智能参考线。 ...
标签: Web开发
1. 打开新的窗口并传送参数:  传送参数: response.write("<script>window.open('*.aspx?id="+this.DropDownList1.SelectIndex+"&id1="+...+"')</script>") 接收参数: string a = Request.QueryString("id"); string b = Request.QueryString("id1"); 2.为按钮添加对话框 Button1....

经验教程

578

收藏

55
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部