首页

关于

超棒的视差效果jQuery插件 - FractionSlider

在线演示

如果你希望找到一款与众不同的jQuery幻灯插件的话,Fractionslider/ 肯定会让你眼前一亮,和传统幻灯不同的是,它可以让页面中的任何元素生成独立的动画效果。

使用非常简单,如下:

引入CSS和JS





    
  1. <link href="fractionslider.css" rel="stylesheet" />
  2. <script type="text/javascript" src="jquery-1.9.0.min.js"></script>
  3. <script type="text/javascript" src="jquery.fractionslider.js"></script>

HTML





    
  1. <div class="slider"><!--…

标签: #文章, jQuery, jQuery插件, 幻灯特效

阅读更多

超棒的JS移动设备滑动内容幻灯实现 - Swiper

超棒的JS移动设备滑动内容幻灯实现 - Swiper

在线演示

如果你需要一款帮助你实现手机或者移动设备上内容幻灯实现的JS类库的话 , Swiper是一个不错的选择,它不依赖于任何第三方的类库。因此体积非常小,适合运行在移动设备上。拥有非常完整的自定义选项,并且支持很多不同的幻灯展示,在线演示非常全!

主要特性

  • JS实现,不依赖于任何第三方的类库
  • 支持触摸设备上的滑动(swipe)操作
  • 支持水平和垂直的幻灯展示
  • 支持多个元素的幻灯展示(类似carousel)
  • 支持多种不同的自定义选项
  • 支持无限滚动,拥有插入,添加新幻灯页面的API
  • 支持Callback方法
  • 支持桌面浏览器,支持使用鼠标来拖拽

网站地址:http://www.idangero.us/sliders/swiper/

via 极客标签

标签: 分享, javascript, 幻灯特效, 移动幻灯特效

阅读更多

固定背景实现的背景滚动特效

固定背景实现的背景滚动特效

在线演示

分享一个来自corpse的固定背景滚动特效,使用background-attachment: fixed和导航菜单,页面会非常平滑的滚动。

HTML

<div id="cbp-fbscroller" class="cbp-fbscroller">
<nav>
<a href="#fbsection1" class="cbp-fbcurrent">Section 1</a>
<a href="#fbsection2">Section 2</a>
<a href="#fbsection3">Section 3</a>
<a href="#fbsection4">Section 4</a>

标签: jQuery, 分享, 幻灯特效

阅读更多

标签

© Copywrite by gbin1.com, all rights reserved.