原文:marquee+js实现某个区域的“无缝滚动效果”

一 背景: 做项目的时候用户经常喜欢让你在首页中放一些滚动的信息,业务办理呀,通知信息呀什么的。正常用marquee就可以直接实现了,但是我们会遇到这种情况,就是如果滚动区域很大的情况下,你会发现滚动信息的末尾必须滚完才能从底下或者右边 从下往上或从右往左滚动 接着滚动,这样中间会留下很多空白区域,不太好看,如果你想把他做的完美一下,就可以结合js脚本来实现无缝滚动的效果。 二 代码实现: 三 总 ...

2012-07-15 13:13 1 3600 推荐指数:

查看详情

信息无缝滚动效果marquee

横向滚动、纵向滚动 1. 解决滚动的空白 向左向右滚动的话,可以根据父级定位left,每次加或者减可以使物体向左或右运动,用top也可以实现向上或向下运动 上下滚动实现无缝滚动1. innerHTML2. scrollTop3. offsetHeight4. setInterval()5. ...

Thu Jun 23 07:30:00 CST 2016 0 12037
marquee标签实现跑马灯效果--无缝滚动

今天在做微信端的大转盘抽奖时,想把所有用户的抽奖记录做成无缝滚动效果,无奈我的js功底太差,一时想不出实现的方法,便百度各种相似效果。但无意中发现了一个html标签——<marquee></marquee>可以实现多种滚动效果,无需js控制。使用marquee ...

Mon Oct 28 23:21:00 CST 2019 0 944
替换"marquee",实现无缝滚动

  jsmarquee标签,可以实现元素循环滚动,但是不能无缝连接,要实现无缝滚动”的效果必须使用js(借鉴百度),思路是使要滚动元素相对位置不断改变,上下滚动就相对top或者bottom,左右滚动就是left或者right,接下来是实现方法:实现li标签上下无缝滚动   废话少说,粘贴代码 ...

Thu Mar 08 17:41:00 CST 2018 0 2795
js实现图片的无缝滚动效果

  实现图片的无缝滚动就是要让你的图片集在一定时间里自动切换,那就需要js里的定时器来控制时间。   js中关于定时器的方法有两种:setTimeout和setInterval。它们接收的参数是一样的,第一个参数是函数,用于定时器的执行,第二个参数是数字,表示多少毫秒之后执行函数。它们的不同点 ...

Mon Mar 27 23:40:00 CST 2017 0 8203
js实现图片的无缝滚动效果

实现图片的无缝滚动就是要让你的图片集在一定时间里自动切换,那就需要js里的定时器来控制时间。   js中关于定时器的方法有两种:setTimeout和setInterval。它们接收的参数是一样的,第一个参数是函数,用于定时器的执行,第二个参数是数字,表示多少毫秒之后执行函数。它们的不同点 ...

Thu May 24 00:29:00 CST 2018 0 3130
JQ实现文字无缝滚动效果Marquee插件使用详解及下载演示)

今天推荐一个JQ的无缝文字滚动效果,当然了,也可以滚动图片,也叫做跑马灯效果。 笔者推荐一个非常好用的文字滚动jquery插件,依托jquery库,能实现各种滚动效果,且让HTML代码符合W3C标准。 先看一看官方演示,如下: 如何使用? 1、加载javascript ...

Fri Mar 02 18:11:00 CST 2012 0 6057
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM