随笔分类 - jquery框架
摘要：imageCompress 只有图片压缩功能，比较简单jquery.imageCompress.js 使用说明： el：为上传框 quality：压缩图片质量，单位为％ onloadStart：读取图片开始，传入文件对象 onloadEnd：读取图片结束，传入图片对象 oncompressStart
阅读全文
摘要：在做网站的时候，alert弹出框是非常常见的情形。但是，有些情况下，弹框对用户来说是并不友好的。调研了几个其他的提示插件了，发现pnotify比较好用，可配置性也高。 使用示例： 更多效果，可以点击 这里 。
阅读全文
摘要：Word，PPT 文档预览组件（图片预览组件） 移动端请移步 MPreview.mobile Demo参考 http://demo.webjyh.com/MPreview/ 特此说明 此插件是我在项目开发中而制作，其只适用于其项目，如须使用须注意，提供的图片须有较大的宽高。 插件说明 插件特性 目录
阅读全文
摘要：Velocity.js是一款动画切换的jQuery插件，它重新实现了jQuery的$.animate()方法从而加快动画切换的速度。Velocity.js只有7k的大小，它不仅包含了$.animate()的所有功能，并且还包含了颜色切换、转换(transform)、循环、缓动、CSS切换、Scrol
阅读全文
摘要：插件描述：Hammer.js是一个开源的，轻量级的javascript库，它可以在不需要依赖其他东西的情况下识别触摸，鼠标事件。 使用方法： 还支持jQuery插件的形式调用
阅读全文
摘要：video-js采用的是html5播放器。 在不支持html5的浏览器会自动切换成flash。 video-js的官网http://www.videojs.com/ 看看下载的demo就知道个大概了。 不过在ie9上某些视频流会出问题。 不过加上： <!--[if lt IE 9]><script
阅读全文
摘要：动态请求数据来更新页面是现在非常常用的方法，比如博客评论的分页动态加载，微博的滚动加载和定时请求加载等。这些情况下，动态请求返回的数据一般不是已拼好的HTML就是JSON或XML，总之不在浏览器端拼数据就在服务器端拼数据。不过，从传输量方面来看，返回HTML不划算，而在web传输方面，现在更多的是使...
阅读全文
摘要：解决方案：给要使用live绑定事件的元素，添加“cursor:pointer”样式即可！如：a,input,td{cursor:pointer;}
阅读全文
摘要：HTML首先载入jQuery库文件以及jRange相关的css文件：jquery.range.css和插件：jquery.range.js然后在需要展示滑块选择器的位置放入以下代码：我们使用了hiiden类型的文本域，设置默认值value，如23。jQuery调用jRange插件非常简单，直接用下面...
阅读全文
摘要：这是一款非常强大的内容切换插件，它基于jQuery，它充分响应，支持移动设备，支持手机触摸，键盘翻页；它内置幻灯、视频播放计时器，它拥有各种模式：自定义，自动响应，全屏；它有多种动画效果、3d效果...总之你想到的效果它都做到了，它的名字叫Slider Revolution。HTMLSlider R...
阅读全文
摘要：基于jQuery实现的，主要用于IE下实现placeholder效果，可同时支持文本和密码输入框。placeholder是HTML5新增的一个属性，当input设置了该属性后，该值的内容将作为灰色提示显示在文本框中，当文本框获得焦点时，提示文字消失。实现代码如下：(function($) { /**...
阅读全文
摘要：jQuery模拟原生态App上拉刷新下拉加载效果代码，鼠标上拉时会显示loading字样，并且会模拟加载一条静态数据，支持触屏设备使用。jQuery模拟原生态App上拉刷新下拉加载效果 Loading... Slide 1 Slide 2 ...
阅读全文
摘要：瀑布流：这种布局适合于小数据块，每个数据块内容相近且没有侧重。通常，随着页面滚动条向下滚动，这种布局还会不断加载数据块并附加至当前尾部。一、功能分析： 1.判断图片是否进入可视区域； 2.用AJAX请求服务器数据； 3.将数据播入到相应的列队；二、实现方法： 给window的scroll事件...
阅读全文
摘要：很多网站的拖动布局的例子都是采用浏览器的COOKIE来记录用户拖动模块的位置，也就是说拖动后各模块的排序位置信息是记录在客户端的cookie里的。当用户清空客户端的cookie或浏览器的cookie过期后，再次访问页面时，发现布局又还原成最初的状态。这种cookie记录的方式使用简单，但不适合像个人...
阅读全文
摘要：翻板抽奖的实现流程：前端页面提供6个方块，用数字1-6依次表示6个不同的方块，当抽奖者点击6个方块中的某一块时，方块翻转到背面，显示抽奖中奖信息。看似简单的一个操作过程，却包含着WEB技术的很多知识面，所以本文的读者应该熟练掌握jQuery和PHP相关知识。HTML抽奖者自己决定选取其中的某一个方块...
阅读全文
摘要：在一个单页面设置一个主菜单，当页面滚动时主菜单位置固定在页面窗口中不动，或左或右，或上或下。当单击菜单项时，页面滚动到菜单对应的内容区，当页面滚动到预定内容位置时，对应的菜单项变为当前选中样式。此效果可以应用在一些内容比较长的单页设计，本文将介绍使用JjQuery和css来实现这一效果，demo中分...
阅读全文
摘要：准备我们需要准备道具（素材），即相关图片，包括金蛋图片、蛋砸碎后的图片、砸碎后的碎花图片、以及锤子图片。HTML我们页面上要展现的是一个砸金蛋的台子，台上放了编号为1，2，3的三个金蛋，以及一把锤子。我们构建以下html代码：锤子123上述代码中，.hammer放置锤子，.resultTip用于砸蛋...
阅读全文
摘要：本文结合实例为大家讲解如何实现一个掷色子猜大小的游戏功能。上期我们给大家介绍了jQuery掷色子动画，本期在上期的基础上，涉及到HTML，CSS，jQuery以及PHP相关知识，文章重点关注后台PHP程序会根据用户选择的大小计算概率，控制最终掷出的点数，本例中用户猜中几率为20%。HTML本例中用到...
阅读全文
摘要：目前好多网站上应用的转盘抽奖程序大多是基于flash的，而本文结合实例将使用jQuery和PHP来实现转盘抽奖程序，为了便于理解，作者分两部分来讲解，本文讲解第一部分，侧重使用jQuery实现转盘的转动效果。第二部分侧重使用PHP后台代码控制抽奖几率并最终实现转盘抽奖，将在下一篇文章中有讲解。准备工...
阅读全文
摘要：jQuery1.6中新添加了一个prop方法，看起来和用起来都和attr方法一样，这两个方法有什么区别呢？这要从HTMl 的attribute与property区别说起，attr与prop正是这两个东西的缩写。attribute与propertyattribute和property都可以翻译为属性，...
阅读全文
浙公网安备 33010602011771号