阅读更多

8顶
0踩

Web前端

原创新闻 11 个最佳 jQuery 滚动条插件

2013-05-15 16:48 by 副主编 wangguo 评论(4) 有162719人浏览
通过jQuery滚动条插件,你可以换掉千篇一律的默认浏览器滚动条,让你的网站或web项目更具特色,更有吸引力。本文收集了11款非常漂亮、实用的jQuery滚动条插件,你可以轻松将它们应用在自己的网站中。

1.  Windows:全屏窗口滚动插件

该插件可以很好地实现全屏滚动,每滚动一次即为一屏。比如,用户浏览下一屏幕内容时,只需手动滚动到某一位置,该插件会自动滚动显示下一屏全部内容。对于浏览类似于PPT的内容时比较实用。



2.  Jquery Scroll Follow:滚动跟随插件

该插件可以使DOM对象随着页面的滚动而移动。你可以设置滚动的速度、偏移等参数。



3.  列表滚动插件

该插件可以为任意列表添加上滚动效果。你可以自定义列表的滚动方向和滚动速度。



4.  Sly:灵活的基于ITEM的滚动插件

SLY提供了很多基于项目(如图像/内容画廊)的滚动选项,支持水平和垂直方向的无限滚动。



5.  Coverscroll

仿苹果的CoverFlow设计,支持滚动条、鼠标滚轮和手势来滚动查看。



6.  Sticky

该插件可以让你的页面中的任何元素在滚动过程中始终可见



7.  Tiny Scrollbar:一个轻量级的JQUERY插件



8.  Sticky Float:另一个滚动跟随插件



9.  Page Scroller:漂亮实用的滚动导航



10.  Custom Srollbar:自定义内容滚动条插件



11.  Scroll Up:一个轻量级的滚动到顶部插件



Via dezignmatterz
  • 大小: 25.6 KB
  • 大小: 43.4 KB
  • 大小: 46.9 KB
  • 大小: 33.7 KB
  • 大小: 48.8 KB
  • 大小: 53.5 KB
  • 大小: 40.3 KB
  • 大小: 54.8 KB
  • 大小: 48 KB
  • 大小: 38.8 KB
  • 大小: 22.1 KB
8
0
评论 共 4 条 请登录后发表评论
4 楼 lrg30067 2014-09-29 22:14
mark一下
3 楼 flex_莫冲 2013-05-21 09:36
对于app web很有用。
2 楼 osacar 2013-05-16 15:23
第8个正是我要找的。
1 楼 sunlibao123 2013-05-15 17:21
感觉不错

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

  • applet与jsp的交互

    NULL 博文链接:https://self4j.iteye.com/blog/932189

  • jsp调用applet以及采用js调用applet的方法

    具体参考位置忘了 废话少说,上实例: 1.download.jsp <%@ page language="java" contentType="text/html; charset=UTF-8" import="java.util.*,java.sql.ResultSet" pageEncoding="UTF-8"%> 下载 服务器文件

  • Java applet 在JSP中的使用

    1. Applet Java class: CryptoApplet.java 2. 编译后,将class 放在某个目录下,这里放在jsp file的相同路径 3. JSP 引用: 包括 js , html , applet definition   1. CryptoA

  • java applet的方法_Java Applet的常用方法

    Applet 类是所有Applet应用的基类,所有的java小程序必须继承该类。1. Applet类的常用方法:public final void setStub(AppletStub stub)设置Applet的sutb.stub是java和C之间的转换参数并返回相应的代码位,它是由系统自动设定的。public boolean isActive()判断一个Applet是否处于活动状态。publ...

  • jsp:plugin动作如何调用一个Applet?

    5.jsp:plugin动作: jsp:plugin可以调用Java插件。Applet和Servlet对应,是浏览器里运行的一项技术。可以画图,可以运用算法, 非常棒。比如可以通过Servlet把数据从服务器返回到客户端,之后绘画在浏览器当中。但由于浏览器对它的支持程度不一样,限制了它的使用。你不希望自 己辛辛苦苦编完的程序,用户在用浏览器上网时,运行不了吧!所以Applet给人不可靠的感觉。 例...

  • Applet调用JavaScript函数

    在做的的applet中用到了调用javascript程序  调用方法如下:  1 首先引入JSObject 包  // LiveConnect... for JavaScript  import netscape.javascript.JSObject ;  2 在调用js的地方用:  try { // 创创建JSObject  JSObject.getWindow (this).eval ("j

  • jsp嵌入java-applet,实现js调用web服务器程序

    1.applet介绍 Applet是一种Java的小程序,它通过使用该Applet的HTML文件,由支持Java的网页浏览器下载运行。 2.编写一个applet类 import java.applet.Applet; public class Hello extends Applet   {      public String paint()      {          return ...

  • JSP中添加applet

    <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> Jsp plugin 标签实例 jsp文件位于test目录下, 上述jsp代码中code指明的是applet编译后的class文件,需要指定包名,因此写成 ap

  • jsp中,调用applet的两种方式

    (1)   (2)   比较麻烦的是,applet不能直接读取"WEB-INF/classes"中的class文件 可以部署后手动复制到自定义的"applet"文件夹中,或者修改class的默认输出文件夹 MyEclipse中修改class的默认输出文件夹的方法: [1]   在项目菜单中右键,选择Build Path->Configure Bui

  • Java applet详解

    1. 为啥使用applet? 如果不是因为计算机二级或是某些该死的考试中需要出题,,我想我是不会理会这中东西的,毕竟这货淘汰了,为啥使用?为了考试。 注:applet是和html或者是jsp一起使用的,不能单独运行(当然你可以使用appletviewer命令或者是ide去运行),具体的使用将在代码中体现。 2. applet生命周期 初始化init():在这个方法中可以设置一些初始值...

  • 在jsp页面调用applet实现人民币的大小写转换

    google_ad_client = "pub-2947489232296736";/* 728x15, 创建于 08-4-23MSDN */google_ad_slot = "3624277373";google_ad_width = 728;google_ad_height = 15;//<script type="text/javascript"

  • js 动态调用 applet 内的方法

    js、applet 都是客户端脚本语言,在客户端与用户进行着一些信息交互。然而它们并不是独立的,它们也可以协作工作,互相调用来完成一些复杂的客户端操作。本文从一个项目实战例子,演示了如何使用 js 动态调用 applet 内封装的各种方法。

  • 有关jsp中嵌入applet总结

    1.首先要求applet是能运行的 2.把项目部署到tomcat中后,要把applet的class文件与jsp放同一目录,applet中用到的jar文件也要放到同一目录下 3.在jsp中引用applet的class方式类似下面的:<jsp:plugin type="applet" code="TreeView.class" cod

Global site tag (gtag.js) - Google Analytics