标签:JS滚动效果

标签:JS滚动效果 共有14条记录

使用CSS制作的页面背景固定和滚动效果

使用CSS制作的页面背景固定和滚动效果

作者:月光光 时间:2015-12-04 15:43标签:css  滚动 

如何创建一个不需要Javascript而仅仅只需CSS的background-attachment属性就能实现页面背景固定和滚动效果。我们看到现在有很多的网站项目使用了视差效果,通过图片和背景的动态变化以及js脚本来产生视差,而今天我们只需要CSS即可。阅读全文

使用鼠标滚轮或者手势滑动到页面节点部分

使用鼠标滚轮或者手势滑动到页面节点部分

作者:月光光 时间:2015-06-28 14:11标签:滚动  jquery 

有时我们需要做一个单页面介绍产品特性,而单页面内容非常多且页面非常长,为了快速定位到产品特性节点,我们使用js侦听用户滚轮事件,当用户触发滚轮滑动或者使用手势触屏滑动时,即可定位到相应的节点。一款jQuery插件叫Scrollify帮我们做到了。阅读全文

页面右侧浮动固定层返回顶部按钮带二维码展示功能

页面右侧浮动固定层返回顶部按钮带二维码展示功能

作者:月光光 时间:2014-08-31 02:32标签:jquery  滚动  二维码 

移动互联网时代的到来,大家可以通过“扫一扫”功能轻松在移动端获取需要的信息。今天我给大家分享一个WEB功能,它是一个漂浮在网页的右侧的小工具条,我们可以使用它上下快速定位页面位置,可以弹出微信二维码或者页面地址二维码,让喜欢在手机等移动设备上阅读的朋友轻松获取信息。阅读全文

Flexslider图片轮播、文字图片相结合滑动切换效果

Flexslider图片轮播、文字图片相结合滑动切换效果

作者:月光光 时间:2014-08-14 21:03标签:Flexslider  滚动  内容滑动 

Flexslider是一款基于的jQuery内容滚动插件。它能让你轻松的创建内容滚动的效果,具有非常高的可定制性。开发者可以使用Flexslider轻松创建各种图片轮播效果、焦点图效果、图文混排滚动效果。阅读全文

使用Skrollr创建视差滚动效果页面

使用Skrollr创建视差滚动效果页面

作者:月光光 时间:2014-06-30 23:36标签:滚动  视差 

视差滚动(Parallax Scrolling)是指多层背景以不同的速度移动,形成立体的运动效果,带来非常出色的视觉体验。随着用户对视觉体验的要求不断提高,WEB开发者开始在网页中加入各种特效元素以满足用户的需求。今天这篇文章给大家推荐一个优秀的视差动画Javascript库——Skrollr.js阅读全文

jQuery实现的向下推送图文信息滚动效果

jQuery实现的向下推送图文信息滚动效果

作者:月光光 时间:2013-07-06 11:52标签:jquery  滚动 

WEB页面需要展示网站最新信息,如微博动态、余票信息、路况监控等项目中常见的实时数据滚动效果,我们可以用jQuery来实现前端信息滚动效果。本文我们将结合实例为大家讲解如何使用jQuery来实现图文信息滚动效果。阅读全文

jQuery数字滚动展示效果

jQuery数字滚动展示效果

作者:月光光 时间:2013-05-14 21:30标签:jquery  滚动 

有时我们需要动态的展示访问次数、下载次数等效果,我们可以借助jQuery结合后台php实现一个滚动的数字展示效果。本文将结合实例使用jquery背景动画插件,将数字作为背景图片,定时让背景图片滚动起来,从而实现了滚动数字的效果。阅读全文

超酷的固定菜单页面滚动效果

超酷的固定菜单页面滚动效果

作者:月光光 时间:2013-04-14 14:58标签:jquery  css  滚动 

在一个单页面设置一个主菜单,当页面滚动时主菜单位置固定在页面窗口中不动,或左或右,或上或下。当单击菜单项时,页面滚动到菜单对应的内容区,当页面滚动到预定内容位置时,对应的菜单项变为当前选中样式。阅读全文

jQuery实现页面滚动时元素智能定位

jQuery实现页面滚动时元素智能定位

作者:月光光 时间:2012-10-31 21:00标签:jquery  滚动 

我们玩网页微博时,消息提示框一直会出现在页面右上方,即使下拉滚动条它都会浮动定位在右上方,直到你关闭小时提示框。类似的效果在淘宝商品详情页面上也有,当我们下拉滚动页面时,用来导航切换的“宝贝详情”、“交易详情”等一排按钮会一直出现在浏览器顶部,方便我们切换导航。阅读全文

jQuery+CSS实现垂直滚动效果

jQuery+CSS实现垂直滚动效果

作者:月光光 时间:2011-08-23 14:04标签:jQuery  CSS  滚动 

当要在页面上有限的区域内展示很多内容时,我们通常采用TAB切换、滚动等方式来达到展示效果。本例中,我们利用jQuery和CSS可以使页面内容产生垂直滚动的效果,还支持鼠标滚轮驱动。阅读全文

上一页12下一页
顶部 反馈 二维码 底部
扫一扫

扫描二维码用手机看文章