jqueryli向上滚动插件，jquery向上滑动

小程序：扫一扫查出行
【扫一扫了解最新限行尾号】
复制小程序

javascript:我想让鼠标放在第一个li上,这个li的位置向上移动2px该如何...

ul定位为position：absolute，bottopm：0px，height：auto ul上层的div为position：relative，高度比ul 略高（高出鼠标悬停时li的高度增加量）。剩下的就是li鼠标悬停时高度变高。呃，简单的实现了一下，有问题hi联系。。

然后对比鼠标悬浮时对应的li元素，输出当前的i，也就是对应li的下标。接下来是对无序列表做一下简单的样式，便于后期测试悬浮效果；给li设置一下宽度以及设置一下边框整体思路：可以用for循环去遍历ul下的所有li；然后对比鼠标悬浮时对应的li元素，输出当前的i，也就是对应li的下标。

ul绑定mousewheel鼠标滚动事件(火狐用DOMMouseScroll)取消默认动作，event.preventDefault()（IE：window.event.returnValue=false），这样滚轮滚动后就不会滚动页面了。

基于jQuery实现一个marquee无缝滚动的插件

1、初始状态时，我们还要进行条件判断，判断是否进行滚动。即：当 ul 长度小于外层 box 长度时不进行滚动，反之则进行滚动。ul 的长度是通过计算得来的，即： ul 里面单个 li 的长度乘以 li 的个数。

2、kxbdSuperMarquee是一款基于JQuery库的超级Marquee插件，可做图片导航，图片轮换，图片滚动！使用起来比较简单，首先页面中需包含JQuery（2以上版本）和kxbdSuperMarquee.js这两个js，然后还要给滚动区域的外框架一个id，最后在jq初始代码中增加一段调用js即可。

3、你调用下就OK了，支持加速滚动、循环滚动、间隔滚动、上下滚动、左右滚动等等直接将这段代码拷贝到一个JS文件里面，这段代码需要jquery3以上运行环境。代码里面有调用示例。

4、引入 Marquee 插件代码放在标签前，如图：jquery跑马灯图片不间断滚动效果给 div 增加 marquee 类保存文件，在浏览器中打开，就可以看到图片开始滚动了。

5、html结构问题：插件取的是$(#rcoll)元素下的 li，所以你的滚动元素须为li css问题：插件使用的是绝对定位，所以$(#rcoll)的样式需要为position：relative，而其下li元素需要为position：absolute。

6、使用方法：使用该跑马灯特效之前要先引入jQuery和marquee.js文件。 HTML结构：跑马灯中的文字使用无序列表来制作，外面使用一个作为包裹容器。