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"工具栏 中的"选项"---" ...
随机推荐
- CodeM资格赛5
早上起床太晚,最后没时间了.. 不是ac代码,下次题目在oj上线的时候再去做一下.. #include<iostream> #include<cstdio> #include& ...
- How to run WPF – XBAP as Full Trust Application
Recently I work on WPF-XBAP application that will run from intranet website: This application must h ...
- 辛星跟您解析在CSS面包屑中三角形的定位问题
刚才看到有位网友非常纳闷第二个棕色三角形是怎么定位的,我当感觉在以下说不清楚,就特别开了一片博客.来说清楚它.首先,前面的代码我们先抄下来,至于前面这部分代码是怎么来的,读我的用CSS制作面包屑导航的 ...
- java并发集合知识点（二）
我们平时写程序需要经常用到集合类,比如ArrayList.HashMap等,但是这些集合不能够实现并发运行机制,这样在服务器上运行时就会非常的消耗资源和浪费时间,并且对这些集合进行迭代的过程中不能进行 ...
- css方法实现div固定浏览器底端
CSS: ;;background-image:url(text.txt);/*for IE6 防抖,也可以用一张图片URL*/ background-attachment:fixed;} /*是否存 ...
- 使用富文本OHAttributedLabel
OHAttributedLabel 富文本标签 https://github.com/AliSoftware/OHAttributedLabel 以下是我渲染出来的效果 OHAttributedLab ...
- Java集合类ArrayList循环中删除特定元素
在项目开发中,我们可能往往需要动态的删除ArrayList中的一些元素. 一种错误的方式: <pre name="code" class="java"&g ...
- unity3d-地图制作之暗光
最近看了暗黑破坏神3的视频,看到游戏里面的场景画面,颇有感触. 画面可谓做的极好的,虽然我审美观不是那么滴好,但是这游戏就让我看的赏心悦目,就让我好想来撸那么一把. 看完暗黑视频后,我就开始研究里面的 ...
- jQuery 回调函数
jQuery(回调函数) 此函数的作用将callback参数以函数的定义形式,在页面onload的时候进行调用.相当于$(document).ready(callback). <script t ...
- 如何查找python安装包的路径site-packages?
使用命令: python -m site python -m site --user-site 注意当查看指定版本的python的安装包时,需要指定python版本,比如python2.7.15 -m ...