本文实例讲述了jQuery插件JWPlayer视频播放器用法。分享给大家供大家参考，具体如下： JWPlayer 插件播放视频播放器 使用方法： <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> <%@ page contentType="text/html; charset=UTF-8"%> <!DOCTYPE html> <html> <head><meta charset="UTF-8"><meta content="initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0,user-scalable=no" name="viewport"/><meta co...
近期查看前辈的代码，发现在使用animate()的时候前面需要加上stop()，来防止移进移出的闪动问题，但却不知道stop()里面参数的真正意思，今天查了下stop()中参数的意义和具体使用方法，分享给大家。stop(true)等价于stop(true,false): 停止被选元素的所有加入队列的动画。stop(true,true):停止被选元素的所有加入队列的动画，但允许完成当前动画。stop()等价于stop(false,false):停止被选元素当前的动画，但允许完成以后队列的所有动...
本文实例讲述了jquery siblings获取同辈元素用法。分享给大家供大家参考，具体如下： jquery siblings 用于获得匹配集合中每个元素的同胞。 语法： .siblings(selector) 注：可以通过后面的可选参数选择器(selector)进行进一步筛选。 示例: 找到每个div的所有同辈元素。 <p>Hello</p> <div><span>www.gxlcms.com</span> </div> <p>How are you!</p>$("div").siblings().html();结果将输出: <p>Hello</p> <p>How are you!</p>示例: ...
本文实例讲述了jQuery控制li上下循环滚动插件用法。分享给大家供大家参考，具体如下： /**** jQuery scrollQ plugin li上下滚动插件* @name jquery-scrollQ.js* @author Q* @date 2012-03-23* line 显示li行数* scrollNum 每次滚动li行数* scrollTime 滚动速度 单位毫秒**/ (function($){var status = false;$.fn.scrollQ = function(options){var defaults = {line:4,scrollNum:2,scrollTime:1000}var options=jQuery.extend(defa...
本文实例讲述了jQuery Dialog对话框事件用法。分享给大家供大家参考，具体如下： Dialog对话框事件 对话框应用场景 对话框是最常用、最实用的功能。 1） 静态提示类对话框，对话框的内容是固定的 2） 动态提示类对话框，对话框内容是根据事件源变化的 3） 遮罩类对话框，对话框弹出时背景变灰并且不可选 使用jQuery UI的Dialog 组件可以轻松实现上面三种效果 Dialog组件的主要特点是可以拖动（Draggable），可以改变大小（Resizabl...
本文实例讲述了jQuery内容折叠效果插件用法。分享给大家供大家参考，具体如下： <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head><title>jQuery Collapsible Fieldset</title><script src="js/jquery.min.js"></script><script language="javascript" type="text/javascript" src="js/jquery.coolfieldset.js"></script><link rel="stylesheet" type="text/css" href="...
本文实例讲述了jquery拖动层效果插件用法。分享给大家供大家参考，具体如下： <!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" dir="ltr"> <head profile="http://gmpg.org/xfn/11"> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Drag Drop Panels - Web Developer P...
siblings() 获得匹配集合中每个元素的同胞，通过选择器进行筛选是可选的。 jQuery 的遍历方法siblings() $("给定元素").siblings(".selected") 其作用是筛选给定的同胞同类元素（不包括给定元素本身）例子：网页选项栏当点击任意一个选项卡是，其他2个选项卡就会改变样式，其内容也会隐藏。下面是html代码。<body> <ul id="menu"> <li class="tabFocus">家居</li> <li>电器</li> <li>二手</li> </ul> <ul id="content"> <li class=...
本文实例讲述了jQuery获取cookie值及删除cookie用法。分享给大家供大家参考，具体如下： cookie在jquery中有指定的cookie操作类，这里先来介绍在使用cookie操作类时的一些问题，然后介绍正确的使用方法。 使用JQuery操作cookie时 发生取的值不正确的问题： 结果发现cookie有四个不同的属性: 名称，内容，域，路径 $.cookie(the_cookie); // 读取 cookie $.cookie(the_cookie, the_value); // 存储 cookie $.cookie(the_cookie, the...
本文实例讲述了jQuery simplePage+AJAX plus分页插件。分享给大家供大家参考，具体如下： <!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>simplePage</title> <style type="text/css"> html,body{ margin:0 aut...
本文实例讲述了jQuery弹层插件jquery.fancybox.js用法。分享给大家供大家参考，具体如下： fancybox是jquery的插件，功能强大。支持对放大的图片添加阴影效果，对于一组相关的图片添加导航操作按纽，除了能展示层外，还可以展示iframed内容， 通过css订制样式。配合其他插件，能实现更旋的效果。 这里给出官方下载以及实例地址：http://fancyapps.com/fancybox/ 附带给出本站下载地址。 到目前为止，fancybox的最新版本2.1.5，调用...
本文实例讲述了jQuery图片旋转插件jQueryRotate.js用法。分享给大家供大家参考，具体如下： 推荐一个图片旋转插件，用于浏览相册时，旋转图片。 运行效果截图如下：点击此处查看在线演示效果。 具体代码如下： <script type="text/javascript">$(document).ready(function () {$("#images").rotate(45);var value = 0$("#images1").rotate({bind:{mouseover: function(){value +=90;$(this).rotate({ animateTo:value})}}});$(#but...
本文实例讲述了jQuery头像裁剪工具jcrop用法。分享给大家供大家参考，具体如下： 头像裁剪工具目前比较流行的是flash和jquery的。个人觉得用jquery的比较好，因为代码仔细研究一下，基本上能明白怎么回事，想改的话也比较容易。 有一个例子，请参考：jcrop例子demo ，是根jcrop的例子改的，添加以下二个特点： 1，居中显示，并且可拖拉，改变截取的大小 2，预览的图片，根拖拉的大小成比例。 以下是js代码，作了简单的封装 <!DOCTY...
本文实例讲述了jQuery时间插件jquery.clock.js用法。分享给大家供大家参考，具体如下： Example 1: Basic clock, no options <html> <head><title>jclock</title><mce:script type="text/javascript" src="jquery-1.2.1.min.js" mce_src="jquery-1.2.1.min.js"></mce:script><mce:script type="text/javascript" src="jquery.jclock.js" mce_src="jquery.jclock.js"></mce:script><mce:script type="text/javascript"><!--$(functi...
本文实例讲述了jQuery div拖拽用法。分享给大家供大家参考，具体如下： 这里需要引用好jquery 和 jqueryui两个包： <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus"> <meta name="Author" content=""> <meta name="Keywords" content=""> <meta name="Description" content=""> <title>Document</title> <script src="jquery1.8.3.js"></script> <script src="jquery-...