`
youlong05
  • 浏览: 147568 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

无间断JS滚动

 
阅读更多
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无间断marquee</title>
<style>a{text-decoration:none;color:3366cc}</style>
</head>
<body>
<!--
****fason(2003-5-17)****
-->
<div id=oDiv style="width:150;border:1 solid red;overflow:hidden;height:200" onmouseover="clearInterval(s)" onmouseout="s=setInterval(fsnMarquee,30)">
<span id=oSpn>
<a href='#'>1111111</a><br>
<a href='#'>2222222</a><br>
<a href='#'>3333333</a><br>
<a href='#'>4444444</a><br>
<a href='#'>5555555</a><br>
<a href='#'>6666666</a><br>
<a href='#'>7777777</a><br>
<a href='#'>8888888</a><br>
<a href='#'>9999999</a><br>
</span>
</div>
<script>
var i=0
var s=null
function fsnMarquee(){
if(oDiv.scrollTop>=oSpn.offsetHeight-oDiv.offsetHeight-50){
oSpn.innerHTML+=oSpn.children[i].outerHTML
i++
}
else oDiv.scrollTop++;
}
window.onload=function(){s=setInterval(fsnMarquee,100)}
</script>

</body>

</html>

分享到:
评论

相关推荐

    js图片无间断滚动

    js实现鼠标点击 图片无间断横向滚动。效果比较好!

    不间断滚动(js封装类,javascript,不间断,滚动,scroll)

    不间断滚动(js封装类,javascript,不间断,滚动,scroll)

    JS不间断向上滚动

    JavaScript(简称JS)是一种轻量级的脚本语言,常用于网页交互和动态效果的实现。在网页设计中,"不间断向上滚动"是一种常见的特效,它使得页面内容以连续、循环的方式从底部向上滚动,给予用户一种新颖的浏览体验。...

    不间断无缝滚动图片

    在网页设计中,"不间断无缝滚动图片"是一种常见的视觉效果,它通过JavaScript或者CSS3等技术实现,使得图片能够连续不断地、平滑地从一端滚动到另一端,给人一种连贯且无中断的视觉体验。这种效果常用于网站的轮播图...

    无间断连续滚动网页代码

    在JavaScript中,实现无间断连续滚动主要有两种方向:横向滚动和竖向滚动。这两种滚动方式可以通过改变元素的CSS属性,如`transform: translateX()`或`transform: translateY()`来实现。 1. **竖向滚动**: 竖向...

    不间断滚动(无缝滚动)修正版js+css

    "不间断滚动(无缝滚动)修正版js+css"是一个网页特效技术,主要应用于网站中,使得文本、图片或任何元素能够像跑马灯一样不间断地滚动展示,为页面增添动态效果,提高用户关注度。这种技术通常被称为marquee效果,...

    JS不间断向左滚动无缝隙

    JS不间断向左滚动javascript无缝隙

    JS无间断图片循环滚动效果html版

    JS无间断图片循环滚动效果html版 JS无间断 图片循环 JS滚动效果 无间断滚动

    javascript 间断和不间断文本滚动效果

    javascript 间断和不间断文本滚动效果

    JS不间断向右滚动无缝隙

    javascript无缝隙 JS不间断向右滚动

    JS不间断向上滚动无缝隙

    JS不间断向上滚动 javascript不间断向上滚动 无缝隙

    JS无间隔滚动代码,javascript,marquee

    JavaScript中的无间隔滚动效果,通常...总的来说,实现JS无间隔滚动代码需要理解DOM操作、CSS样式控制、定时器以及事件处理。通过这些基本技巧,你可以创建出符合需求的各种滚动效果,同时保持良好的性能和用户体验。

    JS不间断向左右循环滚动

    JavaScript(简称JS)是一种轻量级的编程...总的来说,实现JS不间断左右循环滚动是一个涉及HTML布局、CSS样式和JavaScript动态控制的综合过程。通过理解和实践这些技术,你可以创建出富有动态感和吸引力的网页元素。

    网页通用不间断滚动JS大全 简单实用

    网页通用不间断滚动JS是一种常见的网页动态效果,常用于新闻更新、广告展示或公告滚动等场景。这类效果通过JavaScript实现,可以使得文字、图片等内容在页面上持续滚动,增强视觉吸引力和信息传递效率。"Class Of ...

    javascript不间断文字滚动控制代码

    在标题中提到的“javascript不间断文字滚动控制代码”,是指利用JavaScript实现的一种滚动文本的控制机制。这种机制通常结合HTML和CSS一起工作,通过JavaScript定时改变文本的位置来模拟滚动效果。下面我们将深入...

    图片不间断滚动

    3. js:这可能是包含JavaScript代码的文件夹,用于实现图片滚动的逻辑,比如切换图片、控制动画速度、响应用户交互等。JavaScript代码可能包括对DOM的操作,使用定时器实现自动切换,以及添加过渡效果以提升视觉体验...

    javascript效果源码\向左不间断(无缝)滚动图片js代码

    在本资源中,我们关注的是一个特定的JavaScript效果——向左不间断(无缝)滚动图片的实现。这个效果通常用于网站的轮播图或者产品展示区域,它可以连续不断地将图片从左侧滑入视区,给人一种连续、流畅的视觉体验。...

    jQuery单行文字上下不间断循环滚动效果,适合做新闻滚动推荐

    标题和描述提到的"jQuery单行文字上下不间断循环滚动效果"就是一个这样的实例,它主要用于创建一串文字在单一行内循环滚动,通常用于网站的头部或侧边栏,以动态展示最新的新闻标题或公告。 要实现这个效果,首先...

    JS不间断向上滚动.rar

    在网页设计中,"JS不间断向上滚动"通常指的是使用JavaScript实现的一种动态效果,它可以使页面中的内容持续不断地向上滚动,给用户带来一种连续更新的视觉体验。这种效果常用于新闻滚动、公告栏或者社交媒体的实时...

    js水平滚动永不间断的广告特效

    js水平滚动永不间断的广告特效js水平滚动永不间断的广告特效

Global site tag (gtag.js) - Google Analytics