jquery版固定边栏滚动特效

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ margin: 0; } #header{ width:100%; height:200px; background-color: #CCCCCC } #side{ float: left; wi…

jquery版滑块导航栏

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <script src="js/jquery-1.9.1.min.js" type="text/javascript" charset="utf-8"></script> <title>小滑块导航栏</title> </he…

Jquery实现文字向上逐条滚动

直接上代码: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>jQuery实现文字逐条向上滚动特效</title> <style> *{ margin:0; padding:0; list-style:none;} #F…

jquery版楼层滚动特效

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>楼层滚动特效</title> </head> <script src="js/jquery-1.9.1.min.js" type="text/javascript" charset="utf-8"></scri…

[JQuery]ScrollMe滚动特效插件

最近考完试,一切顺利,昨晚闲着无聊把最近要用的一个插件翻译了一下:ScrollMe. (╯‵□′)╯︵┻━┻地址请戳: /* ScrollMe -李明夕翻译(╯‵□′)╯︵┻━┻ */ ScrollMe是一款为Web页面添加特定滚动效果的轻量JQuery插件. 当你向下滑动页面的时候,ScrollMe插件会为你的Web页面添加旋转.动画.透明度渐变等特效,而不需要自己再添加多余的代码.(译者注:所以说你要是想用这个插件做很复杂的滚动特效,比如说滚动加载之类的还是不要用这个了,单纯做特效的化还是不…

jQuery.smoove — jQuery和CSS3炫酷滚动页面内容元素动画特效插件

插件介绍: jQuery-smoove是一款jQuery和CSS3炫酷滚动页面内容元素动画特效插件.该内容元素动画插件在页面滚动到指定位置时,该位置的HTML元素会执行指定的CSS3动画特效,如旋转.翻转.放大缩小等动画特效.使用Smoove页面滚动元素动画特效插件可以很轻松的制作出各种华丽的CSS3动画效果. 基本用法 $('.smoove').smoove(options); 上面的代码会在class为 smoove 的元素上使用默认参数初始化 jQuery Smoove. 你可以通过dat…

一款非常炫酷的jQuery动态随机背景滚动特效

一款非常炫酷的jQuery动态随机背景滚动特效图片背景会不停息的滚动,带有那种漂浮的视觉效果,小圈圈飘动. 更好的是还兼容IE6浏览器,大伙可以好好研究研究. 适用浏览器:IE6.IE7.IE8.360.FireFox.Chrome.Safari.Opera.傲游.搜狗.世界之窗. 效果图如下:分为两层,底层的背景图片在透明图片的下方,由下向上滚动. 特效下载地址:http://www.jqshare.com/Jq/fondone/id/135.html 更多特效:jquery特效…

【前端】jQuery实现锚点向下平滑滚动特效

jQuery实现锚点向下平滑滚动特效实现效果: 实现原理: 使用jQuery animate()方法实现页面平滑滚动特效 $('html, body').animate({scrollTop: $(hash).offset().top}, 800, function(){window.location.hash = hash;}); 简单实例代码: <!DOCTYPE html> <html> <head> <script src="https://a…

jQuery 间歇式无缝滚动特效分享(三张图片平行滚动)

最近项目中门户首页需要做出图片间歇式无缝滚动特效,但是在网上找资料都是不太理想,不过可以指导.最后自己写了一个demo实现了这个特效,分享出来. 1.jquery.cxscroll.js /*! * jQuery cxScroll 1.2.1 * http://code.ciaoca.com/ * https://github.com/ciaoca/cxScroll * E-mail: ciaoca@gmail.com * Released under the MIT license * Dat…