jQuery.pin.js笔记

【jQuery.pin.js笔记】的更多相关文章

jQuery.pin.js是一个把元素钉在页面上某个位置的插件,它能够将某个元素一直挂在一个固定的位置而不论滚动条是否滚动. 特点: 1. 可以钉住一个元素,主要作用就是滚动超出的时候不会隐藏而是一直显示 2. 可以将一个元素钉在另一个元素内部 3. 在小屏幕上自动禁用效果将某个元素钉起来,当滚动让它快隐藏的时候会被钉在页面顶部而不会隐藏. $("#pinFoo").pin(); 将某一个元素钉在另一个元素内,需注意当容器被隐藏的时候此元素还是会被隐藏的. $(".pinn…

插件使用总结-jquery.pin.js

小伙伴们,俺昨天用了jquery.pin.js这个插件,发现了一些自以为是的使用问题.特此做个总结哈. 1.获取: 下载地址: http://www.bootcss.com/p/jquery.pin/ 其中有用法和案例 Github地址: https://github.com/webpop/jquery.pin 2.作用将某个页面元素钉在某段文本旁边: 某个元素一直挂在某个位置而不管是否滚动条滚动: 在尺寸小的屏幕上能够自动禁用这种效果. 注:和fixed属性比较,用它固定的子元素的作用域只…

jquery.form.js笔记

由于项目的原因,需要异步上传文件,网上找了找,很多都是用jquery.form插件的,于是乎找资料,调代码,做点小笔记. 官方资料:http://www.malsup.com/jquery/form/ demo: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>File Upload Demo</title&g…

jQuery.rotate.js笔记

1. jQuery.rotate.js是什么一个开源的兼容多浏览器的jQuery插件用来对元素进行任意角度的旋转动画. 这个库开发的目的是为了旋转img的,在3.x之后的版本可能支持其它元素,但旋转其它元素在一些低版本浏览器可能出现兼容器问题.所以应该尽量只用在旋转img元素上. 2. jQuery.rotate.js怎么用 2.1 接口总共提供了四个方法: rorate(angle); rorate(parameters); getRorateAngle(); stopRotate();…

jQuery.rotate.js（控制图片转动）

jQuery.rotate.js笔记 1. jQuery.rotate.js是什么一个开源的兼容多浏览器的jQuery插件用来对元素进行任意角度的旋转动画. 这个库开发的目的是为了旋转img的,在3.x之后的版本可能支持其它元素,但旋转其它元素在一些低版本浏览器可能出现兼容器问题.所以应该尽量只用在旋转img元素上. 2. jQuery.rotate.js怎么用 2.1 接口总共提供了四个方法: rorate(angle); rorate(parameters); getRorateAn…

jquery.maskload.js学习笔记

概述 Loadmask是一个jquery plugin,使用此插件可以在DOM元素加载或更改内容时为此DOM元素添加一个屏蔽层,以防止用户互动,同时起到提醒用户后台任务正在运行的作用. 使用此插件可以大大提高用户体验,此插件是一个轻量级jquery plugin,只有2kb左右,非常易于使用: 主页:http://code.google.com/p/jquery-loadmask/ Download: http://code.google.com/p/jquery-loadmask/downlo…

jquery.tablesorter.js 学习笔记

jquery.tablesorter.js 一般情况下,表格数据的排序方式有两种,第一种是让后端服务将排序后的数据直接输出,另外一种方式就是使用客户端排序,而jquery.tablesorter.js可以满足此需求实现效果图如下…

表单提交学习笔记（二）—使用jquery.validate.js进行表单验证

一.官网下载地址:http://plugins.jquery.com/validate/ 二.用法 1.在页面上进行引用 <script src="~/scripts/jquery-1.10.2.min.js"></script> <script src="~/scripts/jquery.validate.js"></script> 2.写验证规则(标红的"myForm"是要提交表单的ID名称,剩…

jquery.hichartTable.js插件绘图

使用场景:随日期不断增长变化的数据用折线图表现出来更加直观,比如注册人数的增长等. jquery.hichartTable.js文档:http://pmsipilot.github.io/jquery-highchartTable-plugin/ 在添加折线图之前,我们的数据是分页显示的表格,比如注册人数按日期分组统计: bigint(13)-Long-'1371810306320'-System.currentTimeInMillis() date(from_unixtime(substr(r…

使用 jQuery.Pin 垂直滚动时固定导航

ZKEACMS的导航默认是不能固定的,随着页面的滚动而滚动,为了有更好的用户体验,当页面往下滚动时,可以将导航固定在顶端,这样方便用户点击. jQuery Pin 借助jQuery的一个插件 jQuery.Pin,这个插件可在用来固定页面中的元素. http://webpop.github.io/jquery.pin/ 添加脚本向页面中添加脚本,使用 jquery.pin 来固定导航.为了减少添加脚本的次数,可以将脚本添加到布局中,这样所有使用该局的页面都会应用到. 1. 布局组件 -> 默认…