基于jQuery的上下无缝滚动应用(单行或多行)_jquery

Mr.Think的个人博客
@专注前端技术,热爱PHP,崇尚简单生活.

返回文章页:基于jQuery的上下无缝滚动应用(单行或多行)

单行应用

简易的点击展开/关闭效果(原生JS版和JQ版) 2010年08月02日 (6)
getElementsByTagName的简写方式 2010年06月24日 (4)
一个简单的鼠标划过切换效果 2010年05月23日 (4)
奇或偶数行高亮显示及鼠标划过高亮显示类 2010年05月05日 (5)
一个简单的纵横向动画效果类 2010年05月02日 (4)
document.getElementById的简写方式 2010年04月18日 (1)
两种简单实现菜单高亮显示的JS类 2010年04月17日 (10)

多行应用

一个简单的鼠标划过切换效果 2010年05月23日 (4)
奇或偶数行高亮显示及鼠标划过高亮显示类 2010年05月05日 (5)
getElementsByTagName的简写方式 2010年06月24日 (4)
两种简单实现菜单高亮显示的JS类 2010年04月17日 (10)
简易的点击展开/关闭效果(原生JS版和JQ版) 2010年08月02日 (6)
一个简单的纵横向动画效果类 2010年05月02日 (4)
document.getElementById的简写方式 2010年04月18日 (1)

时间： 2024-09-20 03:40:25

基于jQuery的上下无缝滚动应用(单行或多行)_jquery的相关文章

基于jQuery的上下无缝滚动代码

核心代码详解请参考注释. 代码如下复制代码 $(function(){ var _wrap=$('ul.line');//定义滚动区域 var _interval=2000;//定义滚动间隙时间 var _moving;//需要清除的动画 _wrap.hover(function(){ clearInterval(_moving);//当鼠标在滚动区域中时,停止滚动 },function(){ _moving=setInterval(function(){ var

jcarousellite.js 基于Jquery的图片无缝滚动插件_jquery

1.引入JS库,jquery.js脚本和插件脚本jcarousellite.js. 复制代码代码如下: <script type="text/javascript" src="path/to/jquery.js"></script> <script type="text/javascript" src="path/to/jcarousellite.js"></script> 2

jQuery的上下无缝滚动代码（单行多行）

jquery的上下无缝滚动代码(单行多行) $(function(){ var _wrap=$('ul.line');//定义滚动区域 var _interval=2000;//定义滚动间隙时间 var _moving;//需要清除的动画 _wrap.hover(function(){ clearinterval(_moving);//当鼠标在滚动区域中时,停止滚动 },function(){ _moving=setinterval(function(){ var _fi

jQuery插件实现无缝滚动特效_jquery

首先来看下html骨架,如下: <div class="box"> <ul> <li>111</li> <li>222</li> <li>333</li> </ul> </div> 结构简单明了,没什么说的. 讲下实现原理: div box是最外层盒子,给它指定的宽高,记得给box添加一个 overflow:hidden (超出的内容隐藏)样式,因为滚动肯定是会超出b

基于javascript实现文字无缝滚动效果_javascript技巧

本文实例为大家分享了javascript实现文字无缝滚动的全部代码,供大家参考,具体内容如下效果图: 实现代码: <!DOCTYPE html> <html> <head> <meta charset="gb2312"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title></title> &

jQuery实现的多张图无缝滚动效果【测试可用】_jquery

本文实例讲述了jQuery实现的多张图无缝滚动效果.分享给大家供大家参考,具体如下: <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>slider</title> <style> *{ padding: 0; margin: 0; } li{ list-style-type: none; }

JQuery控制图片无缝滚动

经常有人问怎么在HTML上制作图片的无缝滚动,我自己在一些项目中也会经常用到的,今天花了些时间,上网搜索了一下,下了些源码回来看了一下,发现都是只能在IE下能够滚动的,而且都是光<html></html>这样子的,没有加上documentType标签,不符合"标准". 于是自己套上了标准之后再改了一下,发现在firefox中还是滚动不起来,知道肯定是某些地方的js只适用于IE吧,也懒得慢慢找了,直接用jquery来制作. 图片无缝向左滚动的代码如下: <

基于jquery固定于顶部的导航响应浏览器滚动条事件_jquery

今天给大家分享一款基于jquery固定于顶部的导航,这款导航当浏览器滚动条位于顶部时,导航高度较高,当浏览器滚动向下滚动时,导航高度自动减低,并位于顶部.效果图如下: 源码下载实现的代码: html代码: <div id="page"> <div id="toolbar" data-0="height:192px" data-128="height: 64px"> <div id="a

基于jQuery实现复选框是否选中进行答题提示_jquery