公告上下滚动基于Jquery

前提需要引入jquery 如果你用的单位不是px 修改的同时红色部分需保持一致 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>上下滚动公告栏</title> <script type="text/javascript" src="js/jquery.js"></script…

$(function(){ var _wrap=$('ul.line');//定义滚动区域 var _interval=2000;//定义滚动间隙时间 var _moving;//需要清除的动画 _wrap.hover(function(){ clearInterval(_moving);//当鼠标在滚动区域中时,停止滚动 },function(){ _moving=setInterval(function(){ …

基于JQuery实现滚动到页面底端时自动加载更多信息

基于JQuery实现滚动到页面底端时自动加载更多信息关键代码: 代码如下: var stop=true; $(window).scroll(function(){ totalheight = parseFloat($(window).height()) + parseFloat($(window).scrollTop()); if($(document).height() <= totalheight){ if(stop==true){ stop=false; $.post("ajax.…

基于jQuery实现滚动新闻代码下载

分享一款基于jQuery实现滚动新闻代码下载.这是一款基于bootstrup 3实现的响应式jQuery滚动新闻插件.效果图如下: 在线预览源码下载实现的代码. html代码: <div class="htmleaf-container"> <header class="htmleaf-header bgcolor-10"> <h1>基于jQuery实现滚动新闻代码下载</h1> </header>…

基于jquery的锚点滚动插件(百度百科效果) anchorScroll.js

1.插进使用场景请打开https://baike.baidu.com/item/%E6%97%A5%E6%9C%AC%E5%8A%A8%E7%94%BB#hotspotmining,查看百度百科页面效果. 2.插件源代码(更新 2017-08-28): jQuery.CateNav = function(elem1, elem2) { var currObj, offsetTop = 0, h2List = new Array(), h3List = new Array(), positonL…

基于jQuery左侧小图滚动右侧大图显示代码

今天给大家分享一款 jQuery左侧小图滚动右侧大图显示代码是一款基于jQuery实现的左侧滚动图片点击大图查看效果代码.该实例适用浏览器:IE8.360.FireFox.Chrome.Safari.Opera.傲游.搜狗.世界之窗.效果图如下: 在线预览源码下载实现的代码. html代码: <div class="caseImg03 w1002"> <div class="slideCase03"> <div class=&q…

基于jquery鼠标或者移动端滚动加载数据

基于jquery鼠标或者移动端滚动加载数据 var stop = true; // 防止重复请求数据 $(window).scroll(function () { totalheight = parseInt($(window).height()) + parseInt($(window).scrollTop()); if ($(document).height() <= totalheight) { if (stop == true) { stop = false; $.post("lo…

基于jQuery 常用WEB控件收集

Horizontal accordion: jQuery 基于jQuery开发,非常简单的水平方向折叠控件. Horizontal accordion: jQuery jQuery-Horizontal Accordion 具有XBOX360 blade界面风格的水平方向Accordion. jQuery-Horizontal Accordion AutoComplete-JQuery jQuery插件易于集成到现在的表单中(Form). AutoComplete-JQuery Facebook…

10款基于jquery实现的超酷动画源码

1.jQuery二级下拉菜单下拉箭头翻转动画之前我们分享过不少基于jQuery的二级下拉菜单,甚至是多级的下拉菜单,比如这款jQuery/CSS3飘带状多级下拉菜单就非常华丽.但今天要介绍的这款jQuery二级下拉菜单外观很简洁,使用非常简单,它唯一的特点就是下拉菜单项的下拉箭头有翻转的动画特效. 在线演示源码下载 2.jQuery层叠式翻页焦点图插件可自动播放今天我们要来分享一款很有特色的jQuery焦点图插件,它的图片切换方式是层叠的,很有立体感.这种层叠的动画效果我们在之前也分享…