基于jQuery的全屏切换插件
jQuery.switchPage.js
知识点
通过css使div全屏
实现jQuery插件开发
重写鼠标滚动事件
切屏动画实现
开发过程
在sublime text 下开发,安装emmet插件,快速书写html代码
! + tab : 快速生成html5文档结构 #container>section#section$*4 + tab 快速生成DOM结构 jQuery组件开发
一、类级别的组件开发:即给jQuery命名空间下添加新的全局函数,称为静态方法。
jQuery.foo = function() { // do something } // 使用 $.foo() 进行调用
例如 $.Ajax()
、 $.extend()
方法
二、对象级别组件开发:即挂在jQuery原型下的方法,这样通过选择器获取的jQuery对象实例也能共享该方法,也称为动态方法。
$.fn.foo = function() { // do something } // $.fn === $.prototype
例如: addClass()
、attr()
等方法,需要创建实例来调用。
(function($){ //1.避免全局依赖 //2.避免第三方组件的破坏 //3.兼容$操作符号 })(jQuery); preview
https://cdn.rawgit.com/FrankFan/jQuery.switchPage.js/master/index.html
版权声明:
1、该文章(资料)来源于互联网公开信息,我方只是对该内容做点评,所分享的下载地址为原作者公开地址。2、网站不提供资料下载,如需下载请到原作者页面进行下载。