`
tianyaxiang
  • 浏览: 317596 次
  • 性别: Icon_minigender_1
  • 来自: 北京
文章分类
社区版块
存档分类

Sliding Panels - 滑动门插件

阅读更多

Sliding Panels  - 滑动门插件

     1)Colorful Sliders With jQuery & CSS3使用 jQuery 和 CSS3 的特性来创建3D 动态的幻灯效果。主要功能:创建幻灯效果、动态改变柱状图、能够和 jQuery 整合。

 

Colorful Sliders With jQuery & CSS3

 

      2)divSlider基于jquery的水平滑动的导航菜单.

 主页:

 

divSlider

 

      3)Tiny Carousel是一个轻量级jQuery Slideshow插件用于展示基于html的内容。支持水平和垂直滑动,支持通过按纽或分页导航内容,可以设置每次滑动的内容块数,易于定制。
 主页:
Tiny Carousel

 

      4)Slide Top Panel基于Jquery,为用户提供简单的固定于顶部的滑动条。
 

 

Slide Top Panel
 
      5)bxSlider是一个jQuery插件用于创建简单的内容滑动变换容器。可以设置是否自动滑动,滑动速度等。
 
bxSlider

 

       6)jQuery Content Slider这是一个介绍如何利用jQuery与jQuery UI实现内容自动滑动变换的Slider控件。
 

 

jQuery Content Slider
 
     
     7)Easy Slider是一个滑动门插件,支持任何图片或内容,当点击时实现横向或纵向滑动。它拥有一系列丰富的参数设置,可通过CSS来进行完全的控制。所以,基本上你只需要链接这个插件文件后,设置好内容,然后样式化CSS就可以了。

EasySlider的功能

  • 支持横向或纵向滑动
  • 支持自动滚动
  • 支持连续滑动
  • “上一屏”和”下一屏按钮”
  • “到第一屏”和”最后一屏”按钮
  • 隐藏的控制
  • 可选的控制按钮包围标记
  • 同一页面可支持多个滑动门
  • 可设置滑动速度、是否自动、停顿间隔等等

Easy Slider

 

     8)Making a Google Wave History Slider利用jQuery创建可以通过拖动滑块在一个评论板块中查看前后发表的评论。向前拖动将展开最新的评论,向后拖动将收缩隐藏评论。类似于Google Wave History Slider。
 

Making a Google Wave History Slider

2
2
分享到:
评论

相关推荐

    jquery-sliding-menu左右滑动导航插件

    <link rel="stylesheet" href="path/to/jquery-sliding-menu.css"> <div id="sliding-menu"> <li><a href="#">菜单1</a></li> <li><a href="#">菜单2 <li><a href="#">子菜单1</a></li> <li><a href="#...

    滑模变结构控制MATLAB仿真-Sliding-Control-MATLAB.zip

    滑模变结构控制MATLAB仿真_Sliding-Control-MATLAB.zip 滑模变结构控制MATLAB仿真_Sliding-Control-MATLAB.zip 滑模变结构控制MATLAB仿真_Sliding-Control-MATLAB.zip 滑模变结构控制MATLAB仿真_Sliding-Control-...

    jquery SuperSlide滑动门组合插件大全

    在网页设计和开发中,动态效果的运用可以提升用户体验,其中滑动门(Sliding Doors)效果是一种常见的交互元素,用于展示内容或者导航菜单。jQuery SuperSlide 插件是专门用于创建这类效果的工具,它集合了多种滑动...

    滑动导航插件jquery-sliding-menu

    滑动导航插件jQuery Sliding Menu是一款专为网站设计的交互式导航解决方案,它提供了移动端常见的滑动效果,使得用户在浏览网页时可以方便地在菜单项之间切换。这款插件设计精巧,适用于IE8及以上版本的浏览器,确保...

    -sliding-layer-lib-master.zip

    本文将深入探讨一款名为"sliding-layer-lib-master"的Android开源库,该库专门用于实现滑动层(Sliding Layer)功能,帮助开发者轻松构建具有滑动菜单或者抽屉效果的应用。 一、Sliding Layer库概述 "sliding-...

    简洁jQuery滑动门插件鼠标滑过切换

    标题中的“简洁jQuery滑动门插件鼠标滑过切换”是指一种基于JavaScript库jQuery实现的交互效果,这种效果通常用于网站导航或者展示区域,当用户鼠标指针滑过时,内容会像门一样平滑地切换显示。这种设计能够吸引用户...

    android-sliding-layer-lib-master.rar

    《Android滑动层库——深度解析android-sliding-layer-lib-master》 在移动应用开发领域,Android平台提供了丰富的组件和库,使得开发者能够构建出各种各样的交互效果。今天,我们将聚焦于一个特定的开源库——...

    Advances in Discrete-Time-Sliding-Mode-Control-Theory-and-Applications

    #### 一、离散时间滑模控制(Discrete-Time Sliding Mode Control)简介 离散时间滑模控制是一种高级控制策略,广泛应用于非线性系统的控制领域。该方法结合了离散时间系统的特点与滑模控制的优势,能够在有限时间内...

    sliding-mode-funda.rar_sliding mode_sliding-mode-funda_theory

    1. **滑动模态(Sliding Mode)**: 滑动模态是指控制系统中的一种特殊状态,系统在这个状态下,尽管存在外部扰动或内部参数的变化,但其输出仍能保持在预先设定的边界内,这种边界被称为滑动表面。一旦系统进入滑动...

    安卓Android源码——-sliding-layer-lib-master.zip

    - **滑动模式**:sliding-layer-lib-master支持水平和垂直两种滑动模式,开发者可以根据需求选择抽屉从屏幕左侧、右侧、顶部或底部滑出。 - **开启/关闭状态监听**:提供了接口供开发者监听抽屉的开关状态,以便在...

    vue-sliding-pagination:一个滑动分页vue组件

    npm install vue-sliding-pagination --save 或者,对于 fäncÿ 人来说, yarn add vue-sliding-pagination 浏览器 目前,没有可用的浏览器版本。 用法 分页组件的基本用法只需要当前页面、页面总数和在页面更改...

    Android代码-SlidingRootNav

    compile 'com.yarolegovich:sliding-root-nav:1.0.2' Sample Please see the sample app for a library usage example. Wiki Usage: Create your content_view.xml (example) or construct a View programatically....

    Android代码-android-sliding-layer-lib

    6Wunderkinder SlidingLayer for Android This repository hosts a library that provides an easy way to include an autonomous layer/view that slides from any side of your screen and which is fully gesture...

    ember-sliding-tab-bar:Ember-CLI 滑动标签栏组件插件

    Ember-sliding-tab-bar ember-sliding-tab-bar 通过使用滑动底部边框显示活动选项卡,该边框对点击和路由更改做出React。 它使用 DOM API 来监视其子选项卡上的active类,并将滑动的“突出显示选项卡”移动到该...

    css滑动门技术 css滑动门技术

    CSS滑动门技术是一种在网页设计中常用的技巧,主要用于创建具有视觉吸引力的导航菜单或按钮。这个技术利用了CSS的定位、伪类和背景图像属性,使得元素在鼠标悬停时能够显示不同的图像部分,从而实现类似滑动的效果。...

    android-sliding-layer-lib-master.zip

    《Android滑动层库——深入理解android-sliding-layer-lib》 在Android开发中,滑动层效果被广泛应用,如侧滑菜单、抽屉效果等,为应用提供了丰富的交互体验。"android-sliding-layer-lib-master.zip"是针对Android...

    android-sliding-layer-lib-master.zip项目安卓应用源码下载

    android-sliding-layer-lib-master.zip项目安卓应用源码下载android-sliding-layer-lib-master.zip项目安卓应用源码下载 1.适合学生毕业设计研究参考 2.适合个人学习研究参考 3.适合公司开发项目技术参考

    sliding-mode-control-simulink-master (2).zip

    sliding-mode-control-simulink-master (2).zip

    android-sliding-layer-lib源码.zip

    `android-sliding-layer-lib`是一个专门为Android平台设计的滑动层库,它提供了简单易用的API来创建具有平滑动画效果的侧滑菜单。库的核心功能在于实现了一个可滑动的视图,可以轻松地集成到任何Android项目中,为...

    滑动门效果、html、css

    滑动门效果是一种常见的网页设计技术,主要用于创建具有动态视觉效果的导航菜单或图像展示。在HTML、CSS和JavaScript的组合下,滑动门效果能够实现元素(如按钮或图片)在鼠标悬停时,其上下两部分独立响应,产生...

Global site tag (gtag.js) - Google Analytics