阅读更多

4顶
0踩

Web前端
单页面网站作为简单快捷、易于维护的页面设计方案,越来越受到工作室、作品集或者个人博客类网站用户的青睐,我们可以使用不同的特效来使得页面更加的丰富和炫动。今天我们将介绍几款可以作为单页面开发的jQuery插件,帮助大家快速简便的实现一个单页面的网站设计,希望大家喜欢!

1.  jQuery one page nav

使用这个插件,可以帮助你快速搭建一个滚动的页面导航,如果你需要比较简单直接的方式开发一个单页面的网站,这个插件是一个不错的选择。



2.  jQuery ScrollPath

jQuery ScrollPath是一个非常棒的插件,允许你画出自己自定义的滚动路径。HTML元素可以被放置到路径上,而且类似的鼠标滚轮、键盘上下移动键,或者空格键都可以帮助你移动到你需要到达的元素位置。并且一个可选的自定义滚动条可以帮助你方便的点击和拖拽滚动。而且插件允许你使用CSS变形特性来旋转整个页面。



3.  Ascensor.js

使用这个jQuery插件可以帮助我们定位页面任何内容块到画布,并且可以使用键盘来浏览。而且这个部分可以被导航和浏览。



4.  Curtain.js

curtain.js是一个使用自定义的窗帘效果显示多个固定面板的jquery插件,拥有非常棒的滚动特效。



5.  Zoonooz.js

一个缩放插件,但是可以用来定位单页面中的不同区域。



6.  Pagify.js

这个插件可以用来创建单页面的网站,这个插件的实现方式是将不同菜单中的内容保存到不同HTML文件中,并且通过定义的div来加载不同的菜单项内容。



7.  JustaPage

Justapage不仅仅是一个插件,还是一个用来设计单页面网站的模板,这个模板是跨浏览器兼容的,并且支持移动设备。



8.  SuperScrollrama

这个超棒的插件可以帮助你生成视差滚动特效,如果你希望你的网站更酷一些,那么就整合这个插件吧!



9.  Waypoints

Waypoints可以用作单页面导航设计插件。它可以让你方便的处理页面滚动事件,你可以比较自由的在自己的UI中使用这个插件控制页面滚动事件。


来自: gbin1.com
4
0
评论 共 4 条 请登录后发表评论
4 楼 zfwdl2005 2012-07-26 23:01
楼主只管放火,不管救人,俺来救人------加内存
3 楼 zyy7567093 2012-07-26 16:00
单页面做的功能越来越多的情况下,必须要考虑内存的问题啊
2 楼 zhouyicang 2012-07-26 15:55
很同意楼上的见解, 遇到过,待机一会后内存消耗很大,楼上有没有推荐的解决方案,大家如果有,可以告诉我,不胜感激!
1 楼 tsoukw 2012-07-26 14:42
动态载入,内存释放才是单页面的挑战

发表评论

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

相关推荐

  • 设计模式之中介者模式(Mediator)

    中介者模式(Mediator) 用意:用一个中介对象来封装一系列对象间的交互。中介者使各对象不需要显示地相互引用,从而使其耦合松散,而且可以独立地改变他们之间的交互。

  • 设计模式【18】——中介者模式( Mediator 模式)

    在系统的设计开发过程中,对象之间的交互和通信是最常见的,因为对象间的交互本身就是一种通信。当系统规模变大,对象的大量增加会引起系统复杂度的急剧增加,对象间的通信也变得越来越复杂,这时候我们就要提供一个专门处理对象间交互和通信的类,这个中介者就是 Mediator 模式。Mediator 模式提供将对象间的交互和通讯封装在一个类中,使各对象不需要显式地相互引用,实现了耦合松散,而且可以独立地改变它们之间的交互。Mediator模式中,每个Colleague维护一个 Mediator,当要进行交互,例如图中Co

  • 14.设计模式--中介者模式(Mediator模式)

    1.定义 大猫的Java笔记 一个正在努力学习的Java开发,分享自己的学习笔记 44篇原创内容

  • 软件设计师-202年下-下午大题-题解

    ====================================================================================================== 某工厂制造企业为了开发软件智能检测以有效提升检测效率,节约人力资源,该系统的主要功能是: (1)基础信息管理。管理员对检测标准和检测规则等基础信息设置。 (2)检测模型部署。管理员对常用机器学习方法建立的检测模型分布。 (3)图像采集。实时将检测多样的产品待检测建分存储,包括产品结构,生产时间,图像信号和

  • 软考软件设计师下午真题-面向对象的程序设计与实现-中介者设计模式(2020年下半年试题六))Java代码讲解

    考试代码讲解

  • 设计模式——Mediator(中介者)模式

    目录前言1 定义2 适用性3 结构3.1 结构图3.2 参与者4 应用举例——以房产中介为例4.1 Mediator——HouseMediator4.2 具体Mediator——BeijingHouseMediato4.3 Colleague4.4 具体Colleague——ConcreteColleagueOne、ConcreteColleagueTwo5 总结参考文献 前言 将一个系统分割为多个对象可以增强复用性,但是对象之间相互连接又会降低复用性。如果使用一个中介对象来改变这总交互关系将增强系统健壮性

  • 设计模式之Mediator(中介者)模式(理论篇)

    本文编辑整理自: http://tech.it168.com/a2009/0407/270/000000270955_1.shtml http://www.java63.com/design_pattern/mediator_pattern.html http://blog.csdn.net/haiyan0106/article/details/1651719 一、基本知识    M

  • 设计模式:Mediator--中介模式

    中介模式 中介者模式也是用来降低类类之间的耦合的,因为如果类类之间有依赖关系的话,不利于功能的拓展和维护,因为只要修改一个对象,其它关联的对象都得进行修改。如果使用中介者模式,只需关心和Mediator类的关系,具体类类之间的关系及调度交给Mediator就行,这有点像spring容器的作用。先看看图: User类统一接口,User1和User2分别是不同的对象,二者之间有关联,如果不采用...

  • 设计模式之Mediator模式

    1. 抽象一个同事类和中介者类 1.1. 同事类 //Colleague(抽象同事类) class AbstractChatRoom; class Member { public: explicit Member(const std::string &name) { m_pChatRoom = nullptr; m_imageSize = 0; this->m_sName = name; } std::string getName() { return thi

  • 中介者模式(Mediator)

    一、核心思想 用一个中介对象来封装一系列关于对象交互行为。 中介者模式也是用来降低类类之间的耦合的,因为如果类类之间有依赖关系的话,不利于功能的拓展和维护,因为只要修改一个对象,其它关联的对象都得进行修改。如果使用中介者模式,只需关心和Mediator类的关系,具体类类之间的关系及调度交给Mediator就行,这有点像spring容器的作用。 关系图: User类统一接口,User...

  • 23种设计模式之中介者模式(Mediator)

    用一个中介对象来封装一系列的对象交互,中介者使各对象不需要显式地相互引用,从而使其耦合松散,而且可以独立地改变它们之间的交互。中介者模式也是用来降低类类之间的耦合的,因为如果类类之间有依赖关系的话,不利于功能的拓展和维护,因为只要修改一个对象,其它关联的对象都得进行修改。如果使用中介者模式,只需关心和Mediator类的关系,具体类类之间的关系及调度交给Mediator就行,这有点像spring容器的作用。...

  • 设计模式入门——中介者模式(mediator)

    前言 中介者模式又称为调停者模式,作为行为型的模式之一,本身是个很低调的模式,因为应用场合有限,所以不那么被人熟知 下文我将举例介绍中介者模式的作用,以及中介者模式应用的意义,文末我会总结一下中介者模式的一些特点   实例引入        假设现在科技发达之后,家里所有设备都是智能化的,而小明在家洗澡的时候有个习惯就是喜欢听歌,而且洗澡时候还要把窗帘拉上。因此就有这种情形,小明...

  • 中介者模式Mediator 封装交互

    用一个中介对象来封装一系列的对象交互。中介者使得各对象不需要显示地相互引用,从而使其耦合松散,而且可以独立地改变它们之间的交互。 public interface Mediator { public void changed(Colleague colleague); } public abstract class Colleague { private Mediator m...

  • 设计模式-中介者模式(Mediator)

    /***中介者模式在消息队列中的应用*/package test.mediator; public abstract class Message { private Messages messages; public void sendMessage(String messageFrom,String messageTo){ ...

  • 设计模式之中介者模式---Mediator Pattern

    模式的定义中介者模式定义如下:Define an object that encapsulates how a set of objects interact.Mediator promotes loose coupling by keeping objects from referring to each other explicitly,and it lets you vary their in

  • Mediator-----设计模式

    1.中介者设计模式,这个主要的使用场景是,当多个对象之间有数据交互时,它们之间不直接通信,而是把要发送的数据交给中介者,中介者完成相应处理,按一定的条件发给目标对象。2.首先一个示例,USA,Iraq,这两个类继承Country这个类,UnitedNationSecurityCo

  • 设计模式中介者模式(MediatorPattern)

    核心模块:抽象中介者、具体中介者、抽象同事类、具体同事类 所有代码请访问:git@code.aliyun.com:289804201/PatternLearn.git 使用场景:双方不直接交流的情况下,进行通信(调用等); 优点:降低耦合性,不需要显示的调用对象,减少系统对象之间的耦合; 缺点:关系过于复杂的话,中介类将异常庞大; 注意: 1,不同于访问

  • 图解设计模式-Mediator模式

    Mediator(仲裁者/中介者):Mediator角色负责定义与Colleague角色进行通信和做出决定的接口 ConcreteMediator(具体的仲裁者/中介者):负责实现Mediator角色的接口,负责实际做出决定 Colleague(同事):负责定义与Mediator角色进行通信的接口 ConcreteColleague(具体的同事):负责实现Colleague角色定义的接口 ...

  • JAVA23种设计模式(17):中介者模式,重要程度★★

    23种设计模式介绍:https://mp.csdn.net/postedit/90552052 1.1 意图 在现实生活中,常常会出现好多对象之间存在复杂的交互关系,这种交互关系常常是“网状结构”,它要求每个对象都必须知道它需要交互的对象。例如,每个人必须记住他(她)所有朋友的电话;而且,朋友中如果有人的电话修改了,他(她)必须告诉其他所有的朋友修改,这叫作“牵一发而动全身”,非常复杂。 如果...

  • 设计模式-中介者模式(Mediator Pattern)

    中介者模式以实体超市(苏宁、国美等)正常运行的采购业务,销售业务,库存业务之间的配合为例子 先看类图: Purchase负责采购管理,buyIBMComouter是指定了采购IBM电脑,refuseBuyIBM是不再采购IBM了,程序如下: package com.example.xpeng.myapplication; import android.util.Log; /** ...

Global site tag (gtag.js) - Google Analytics