如果大家使用iOS或者android相关移动平台的话,对于页面滑动到最底端后的弹跳效果肯定不会陌生,在这篇教程中,我们将使用最新版的Bootstrap3和jQuery来生成一个类似移动设备app的web页面效果,支持各种设备的响应式展示。
主要功能:
- 页面响应式布局:使用bootstrap3的内置响应式Grid布局支持响应式,以便在不用的设备上显示内容
- 支持iOS/Android设备上的移动到低端的页面弹跳效果:使用jQuery插件fancy-scroll.js
- 图片预加载处理:jQuery插件jquery.imagesloaded.js
- 数据内容提供方:dribbble API,这里使用jquery.jribbble.js来快速获取来自知名设计网站Dribbble的数据内容作为页面展示内容
Bootstrap3页面布局(Grid layout)
Bootstrap3和老版本不一样,它的最大最鲜明的区别就是Mobile First,因此内置了响应式支持,不需要想以前引用其它的CSS或者JS就可以完美支持响应式设计,如果你对于Bootstrap3的一些新特性有兴趣,可以阅读如下内容:
..........
相关推荐
jQuery Bootstrap响应式新闻列表文字上下滚动特效
jQuery bootstrap响应式网站模板,简洁清新功能全
利用bootstrap和jQuery制作的一个响应式导航栏,即能够监听页面滚动事件,当页面滚动到页面某位置时导航栏会自动发生变化。同时点击导航栏滚动时利用简单的jQuery实现了平滑滚动。而且能自适应屏幕大小的变化,监听...
jquery页面响应式布局bootstrap后台管理模板html
bootstrap实现响应式登录页面
bootstrap响应式页面滚动动画作品展示单页模板
使用bootstrap V2.3.2实现响应式页面实现响应式页面,是系列课程《 响应式开发从原理到实战案例》的一部分代码。供大家学习和参考
jQuery Bootstrap响应式购物商城模板
利用bootstrap与jQuery制作的响应式自适应导航栏
Bootstrap Auto-Hiding Navbar是一款非常实用的在页面滚动时自动隐藏Bootstrap顶部导航菜单的jQuery插件。它通过扩展原生Bootstrap顶部固定导航菜单,使其在页面向下滚动时隐藏,向上滚动时又显示出来。
Bootstrap响应式模态登录框插件,jQuery基于Bootstrap制作的一款响应式模态登录框插件,点击遮罩弹出登录窗口代码。
响应式网页开发基础教程(jQuery+Bootstrap)-源代码.rar
jQuery bootstrap管理模版,方便易用,强大的响应式后台管理模版
jQuery Bootstrap简洁的响应式导航下拉菜单代码
基于Bootstrap和JQuery实现仿PC文件管理源码.zip基于Bootstrap和JQuery实现仿PC文件管理源码.zip基于Bootstrap和JQuery实现仿PC文件管理源码.zip基于Bootstrap和JQuery实现仿PC文件管理源码.zip基于Bootstrap和...
jQuery bootstrap响应式树形菜单代码
bootstrap所需css和js文件和jquery所需的js文件。 /*! * Bootstrap v3.3.7 (http://getbootstrap.com) * Copyright 2011-2016 Twitter, Inc. * Licensed under the MIT license */
jQuery bootstrap响应式商务网站模板 jQuery bootstrap紫色风格响应式商务网站模板,自适应移动端
jquery bootstrap侧边隐藏响应式下拉导航菜单栏