js特效，轻松实现内容的无缝平滑滚动
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无缝滚动代码示例</title>
<style>
a{}{display:block;font-size:15px};
</style>
<SCRIPT LANGUAGE="JavaScript">
<!--
function scrolln(){
objDiv.scrollTop+=1;
if (objDiv.scrollTop>20) {
objDiv.scrollTop=0;
do{
var objChild=objDiv.firstChild;
objDiv.removeChild(objChild);
objDiv.appendChild(objChild);
}while(!objChild.innerHTML)
}
}
//-->
</SCRIPT>
</head>
<body>
<div id="divMain" style="width:300px;height:68px;overflow:hidden;line-height:20px">
<a href="http://www.livebaby.cn/blog">《戒子篇》-- 诸葛亮</a><br>
<a href="http://www.livebaby.cn/blog">夫君子之行，静以修身，俭以养德。</a><br>
<a href="http://www.livebaby.cn/blog">非澹泊无以明志，非宁静无以致远。</a><br>
<a href="http://www.livebaby.cn/blog">夫学须静也，才须学也，</a><br>
<a href="http://www.livebaby.cn/blog">非学无以广才，非志无以成学，</a><br>
<a href="http://www.livebaby.cn/blog">淫漫则不能励精，险躁则不能治性，</a><br>
<a href="http://www.livebaby.cn/blog">年与时驰，意与日去，</a><br>
<a href="http://www.livebaby.cn/blog">遂成枯落，多不接世，</a><br>
<a href="http://www.livebaby.cn/blog">悲守穷庐，将复何及!</a><br>
<a href="http://www.livebaby.cn/blog">www.livebaby.cn/blog</a><br>
</div>
<div id="divS"></div>
<script>
var tmp=setInterval("scrolln()",100);
var objDiv=document.getElementById("divMain");
objDiv.onmouseover=function(){clearInterval(tmp)}
objDiv.onmouseout=function(){tmp=setInterval("scrolln()",100)}
</script>
</body>
</html>
js特效，轻松实现内容的无缝平滑滚动的更多相关文章
- Javascript做图片无缝平滑滚动
因需要,google得到.作者不详.多谢.我这里略作修改.只是改变了ID. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitio ...
- 页面中的平滑滚动——smooth-scroll.js的使用
正常的本页面锚链接跳转的时候跟PPT似的,特别生硬,用户体验非常差. 这时候我们就可以借助smooth-scroll.js这个插件,来实现本页面的平滑的跳转. 1首先,导入必须的JS文件 <sc ...
- CloudBase CMS + Next.js：轻松构建一个内容丰富的站点
项目背景 试想一下,如果你现在要为你自己或者你所在的组织创建一个强内容的站点,同时要求好的 SEO(搜素引擎优化),比如博客,你会怎么做呢? 由 vite 或者 create-react-app 等脚 ...
- 150个JS特效脚本
收集了其它一些不太方便归类的JS特效,共150个,供君查阅. 1. simplyScroll simplyScroll这个jQuery插件能够让任意一组元素产生滚动动画效果,可以是自动.手动滚动,水平 ...
- 【前端】jQuery实现锚点向下平滑滚动特效
jQuery实现锚点向下平滑滚动特效 实现效果: 实现原理: 使用jQuery animate()方法实现页面平滑滚动特效 $('html, body').animate({scrollTop: $( ...
- js特效 15个小demo
js特效和15个小demo 代码如下:images文件夹未上传 1.图片切换: <!DOCTYPE html> <html> <head> <title> ...
- 36个JS特效教程，学完即精通
6个JS特效教程,学完即精通 JavaScript特效教程,学完你就能写任何特效.本课程将JavaScript.BOM.DOM.jQuery和Ajax课程中的各种网页特效提取出了再进行汇总.内容涵 ...
- 6个JS特效教程，学完即精通
6个JS特效教程,学完即精通 JavaScript特效教程,学完你就能写任何特效.本课程将JavaScript.BOM.DOM.jQuery和Ajax课程中的各种网页特效提取出了再进行汇总.内容涵盖了 ...
- Firebug中调试中的js脚本中中文内容显示为乱码
Firebug中调试中的js脚本中中文内容显示为乱码 设置 页面 UFT-8 编码没用, 解决方法:点击 "Firebug"工具栏 中的"选项"---" ...
随机推荐
- 面试&笔试---c语言之字符串处理
1.字串拷贝库函数strcpy 函数介绍: 原型声明:extern char *strcpy(char *dest,const char *src); 头文件:string.h 功能:把从src地址开 ...
- Registering DLL and ActiveX controls from code
http://delphi.about.com/od/windowsshellapi/l/aa040803a.htm How to register (and unregister) OLE cont ...
- node升级后，项目中的node-sass报错的问题
之前可能因为电脑不知道哪抽风了,在npm build的时候进入就卡在入口的地方,启动express的时候也会,所以就重装了一下node 重装node 其实也不是重装,就是使用 where node 查 ...
- ios修改textField的placeholder的字体颜色、大小
textField.placeholder = @"username is in here!"; [textField setValue:[UIColor redColor] fo ...
- iOS设计模式:静态工厂相关
工厂方法模式 定义创建对象的接口,让子类决定实例化哪一个类,工厂方法使得一个类的实例化延迟到其子类. *最初的定义出现于<设计模式>(Addison-Wesley,1994) 注意:我讲解 ...
- 移植QT5.6到嵌入式开发板（史上最详细的QT移植教程）
目前网上的大多数 QT 移植教程还都停留在 qt4.8 版本,或者还有更老的 Qtopia ,但是目前 Qt 已经发展到最新的 5.7 版本了,我个人也已经使用了很长一段时间的 qt5.6 for w ...
- 超链接的禁用属性Disabled了解
可以设置超链接的Disabled属性的true 和 false来确定超链接是不是能点击 例如: <a herf='http://www.baidu.com' onclick='return cl ...
- jQuery数组处理全解
jQuery的数组处理.便捷.功能齐全.最近的项目中用到的比较多,深感实用,一步到位的封装了很多原生JavaScript数组不能企及的功能.最近时间紧迫,今天抽了些时间回过头来看jQuery中文文档中 ...
- 如何用代码方式获取Web.config中system.serviceModel/client节点的address
以下代码GetAPIAddress将返回:http://localhost:2555/APITEST.asmx using System.Web.Configuration;using System. ...
- （转）实现AI中LOD优化技术
LOD(Level Of Detail)是3D渲染中用到的概念,按照wikipedia上的翻译,可以译为“细节层次”,它是一种根据与观察点的距离,来减低物体或者模型的复杂度来提升渲染效率的优化技术,因 ...