引入下方的jquery.rotate.js文件，然后通过$("选择器").rotate(角度);可以旋转任意角度，例如$("#rotate-image").rotate(45);把这句放在$(document).ready(function(){ });中就是将id为rotate-image的图片旋转45度。不过，貌似在Chrome中总是不显示。唉，找了两个小时，才发现Chrome太坑爹了，没法获取图片的长宽。解决办法是，把$("#rotate-image").rotate(45);放在$(window).load(function(){ });中，因为在Chrome中图片在执行$(...
ggtooltip.js是一款非常实用的基于bootstrup 3.X的jQuery tooltip插件。该jQuery tooltip插件实用简单，支持在4个方向上像素tooltip信息，支持修改tooltip的背景色、前景色和边框颜色。 它的特点有：支持4个上下左右4个方向显示tooltip。不限制背景颜色。不限制字体颜色。可以自由设置tooltip的边框颜色。支持各种触发tooltip的事件，如：click、hover、focus 或手动触发。基于HTML5、CSS3和jQuery制作。在线演示：http://www.html...
编写jQuery插件的方法和注意点 插件的种类 jQuery的插件主要分为3种类型。 1. 封装对象方法的插件 这种插件是将对象方法封装起来，用于对通过选择器获取的jQuery对象进行操作，是最常见的一种插件。 2. 封装全局函数的插件 可以将独立的函数加到jQuery命名空间之下。如解决冲突用的jQuery.noConflict()方法，常用的jQuery.ajax()方法以及去除首位空间的jQuery.trim()方法等。...
http://blog.csdn.net/zzq58157383/article/details/7721974 动态事件绑定插件livequery， 可以利用它给相应的DOM元素注册事件或者触发回调函数。不仅当选择器匹配的元素会被绑定事件，而且后来通过JavaScript添加的元素都会被绑定事件。当元素不再和选择器匹配时，livequery会自动取消事件注册，使得开发者不再需要关注HTML元素的来源，只需要关注如何编写其绑定的事件即可通过jQuery选择器选择一个DOM元素，livequery插件会实时...
一、说明jQuery插件官网：http://plugins.jquery.com/使用插件时引用顺序：插件引用要位于主jquery库之后。二、插件应用实例演示插件jquery.validate.js的使用方法：①引用jQuery主库和validate插件。注意：jQuery主库要先于插件引用；如果想显示中文错误提示，还需要引用jquery.validate.messages_cn.js。[5]-插件' src="/upload/getfiles/default/2022/11/16/20221116112325017.jpg" /><script type="text/javascript" src="Jscr...
前端 时间个性化 插件 jquery.timeago.js 关键词 ：时间格式化 刚刚 N分钟前 N小时前 N天前 N月前 N年前 MM-dd hh:mm 或者 yyyy-MM-dd 前端： <span title="2016-07-23 12:02:32"></span> 用法： $(".time").timeago(); 插件： jquery.timeago.js !function (t) {function e(e) {var n = t.extend(o.settings, e), s = t.proxy(r, this);s(),n.refreshMillis > 0 && setInterval(s, n.refreshMillis)}function r() {var e = n(t...
通过$.fn 向jQuery添加新的方法要处理DOM元素以及将插件更好地运用于所选择的元素身上，优先使用这种方法$.fn.myPluginOne = function() {//在这里面,this指的是用jQuery选中的元素//example :$(‘a‘),则this=$(‘a‘)this.css(‘color‘, ‘red‘); } 在这个函数内部，this指代的是我们在调用该插件时，jQuery选择器选中的元素。例如，$(‘a‘)返回的是页面上所有a标签的集合，且这个集合已经是jQuery包装类型了，也就是说，在对...
该插件乃本博客作者所写，目的在于提升作者的js能力，也给一些js菜鸟在使用插件时提供一些便利，老鸟就悠然地飞过吧。此插件旨在实现目前较为流行的拖拽效果，您可以根据自己的实际需求来设置被拖拽元素是否可以被拖拽至可视区域以外。整体代码如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><hea...
(function($) {$.fn.extend({money_mode: function(options) {var defaults = {decimal_length: 2,//小数点位数format: "#,###.00",//格式化类型locale: "us"};var options = $.extend(defaults, options);var len = parseInt(options[‘decimal_length‘]);returnthis.each(function() {var input = $(this);input.css("ime-mode", "disabled");var decimal_point = false;input.bind("keypress", function() {if (event.keyCode ...
分享一款基于jQuery点击图像居中放大插件Zoom是一款放大的时候会从原图像的位置以动画方式放大到画面中间，支持点击图像或者按ESC键来关闭效果。效果图如下：在线预览 源码下载实现的代码。html代码：<div class="page-body"><div style="width: 80px; height: 80px; margin-right: 10px; padding: 10px; float: left;background: green;">点我看看！！！</div><div style="width: 100px; height: 50px; position: absolute; ri...
现在大部分网页的按钮都是经过美化的，那些原始的浏览器按钮太过于枯燥乏味，让用户失去和网站交互的兴趣。早期我们都是通过背景图片来美化网页按钮，而现在我们可以利用扩展性更好的CSS3来制作漂亮的网页按钮，本文是jQuery/CSS3按钮系列插件的第一篇，希望大家会喜欢。超可爱的CSS3 3D按钮这款CSS3按钮相当具有创意，它的外观很独特，非常适合个性化的个人博客上，可以用来制作评论提交按钮或者简单的交互行为按钮，个人非常喜欢...
新的一周开始了，今天我们要为大家分享一些全新的jQuery插件和HTML5/CSS3应用，这些jQuery插件不仅非常炫酷，而且还挺实用，这次的分享包含jQuery菜单、CSS3按钮已经多种图片特效，一起来看看吧。1、CSS3书本翻页动画 书本翻页效果逼真今天我们要分享一款炫酷而且实用的CSS3动画效果，它是模拟书本翻页的动画特效。当鼠标滑过书本右上角时，书本即可向前翻一页，而且翻页动画非常逼真。由于CSS3的运用，我们并不需要使用复杂的图片...
官方地址：http://validform.rjboy.cn/document.html引用js后再加上以下css就可以使用了.Validform_checktip{margin-left:8px;line-height:20px;height:20px;overflow:hidden;color:#999;font-size:12px; } .Validform_right{color:#71b83d;padding-left:20px;background:url(images/right.png) no-repeat left center; } .Validform_wrong{color:red;padding-left:20px;white-space:nowrap;background:url(images/error.png) no-r...
今天介绍一个非常好用的JQuery插件，它可以把网页或某个div或table表格内容转为图片并下载保存。这个插件叫 html2canvas ，它只有一个js文件 html2canvas.js ，而使用起来也非常简单。先看一个实例html代码，后面再介绍如何使用。<html><head><script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script><script src="html2canvas.js"></script></head><body><div id="html-content-holder" style="background...
jquery自定义插件 demo 2016-1-13只是一个简易的示例<script type="text/javascript" src="http://cdn.bootcss.com/jquery/1.11.2/jquery.min.js"></script><script type="text/javascript"> $(function(){$.fn.portamento =function(options) {var opts = $.extend({}, $.fn.portamento.defaults, options);var panel =this;var gap = opts.gap;var aaaaaa = opts.aaaaaa; console.log(aaaaaa);console.log(gap);};$.fn.por...