我一直在开发jQuery插件已有一段时间了,我想我现在知道如何设计好一个.然而,有一个问题一直困扰着我,那就是如何以强大而优雅的方式处理私有功能. 我的插件通常看起来像这样：(function($) {$.fn.myplugin = function(...) {...// some shared functionality, for example:this.css('background-color', 'green');...};$.fn.mypluginAnotherPublicMethod = function(...) {...// some shared functionality, for example:this.css('...
本文实例讲述了jQuery插件echarts实现的单折线图效果。分享给大家供大家参考，具体如下： 1、问题背景： 设计一个折线图，展示一个星期内水果销售量 2、实现源码： <!DOCTYPE html> <html><head><meta charset="UTF-8"><title>echarts-单折线图</title><script type="text/javascript" src="jquery-1.4.2.min.js" ></script><script type="text/javascript" src="echarts.js" ></script><style>body,html{width: 99%;height: 99%;f...
Tooltipster是一个轻量级的jQuery工具提示插件，可以快速的帮助你生成漂亮的工具提示。 1，加载jQuery和包括Tooltipster的插件文件在您下载Tooltipster，移动tooltipster.css和jquery.tooltipster.min.js到根的CSS和JavaScript的目录。接下来，加载jQuery和包括您的标签里面Tooltipster的CSS和JavaScript文件：... ... 2，设置你的HTML 为了Tooltipster工作，我们首先需要添加.tooltip类（或任何类别/选择意味着你想使用）的任何...
初识jplayer插件是因为它的兼容性是最好的，可以兼容到IE6，官网上对它兼容性有很详细的说明这个是我选择使用它的首要原因。 现在从需求上来了解它的使用方法吧。第一个需求：MP3格式的音频在网页播放，样式如下：刚看到这个需求的时候，还是觉着有些难度的。我从官网（http://www.jplayer.cn/）上下载了这个的压缩包，直接拿出了里面的例子套用（路径：/examples/blue.monday/demo-01-supplied-mp3.htm），不得不说，这也是学会使...
定义插件的结构骨架： 书中最开始使用的结构骨架如下： 代码如下:jQuery.fn.fluginmane=function(){ return this.each(function(){ //code... }) } 这种结构不是很理想，特别书中提到，为了防止冲突例子不使用$，而使用jQuery。在这里，我们使用匿名函数的方式实现插件的结构骨架，这样就可以防止可能的冲突。也希望大家好好了解下匿名函数相关的知识。 代码如下:(function($){ $.fn.fluginname=fu...
主要修改了两个地方： 一、上下选择与输入值同步问题。 输入关键字后，当出现了下拉选项，用键盘的上下键选择时，关键字输入框的值，没有与你选择的值同步。插件是老外写的，可能他没有考虑到这一点。 二、修正了在firefox下中文输入，没有激活自动提交的问题。 老外当然不会用到中文输入，这个bug存在也理所当然了。 另：附件里的实现了选择后自动提交，也就和google、百度的效果完全一样了。 下载地址
本文实例讲述了jQuery插件制作之参数用法。分享给大家供大家参考。具体分析如下： 1、无参数实现文字阴影效果jQuery.fn.shadow =function(){ return this.each(function(){ var $originalElement = jQuery(this); for(var i = 0;i 调用的例子： 代码如下:$("h1").shadow(); 2、简单的参数jQuery.fn.shadow =function(slices,opacity,zIndex){ return this.each(function(){ var $originalElement = jQuery(this); for(var i = 0;i ...
内部使用 代码如下:<head> <title></title> <link href="base.css" rel="stylesheet" type="text/css" /> <link href="jquery.tooltip.less" rel="stylesheet/less" type="text/css"> <script src="less-1.4.2.min.js" type="text/javascript"></script> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js" type="text/javascript"></script> <script src="jquery.tooltip.js" type="...
本文实例讲述了jQuery插件echarts设置折线图中折线线条颜色和折线点颜色的方法。分享给大家供大家参考，具体如下： 1、问题背景 设计一条折线图，但是图形中不用插件自带的颜色，需要自定义线条和折点的颜色 2、实现源码 （1）图形自分配颜色 <!DOCTYPE html> <html><head><meta charset="UTF-8"><title>echarts-设置折线图中折线线条颜色和折线点颜色</title><link rel="shortcut icon" href="../js/echarts-2.2.7/doc/asset/ico/...
Snippet – jQuery Syntax Highlighter ( 演示 | 下载 )Snippet 是一款超棒的代码高亮插件，支持15种流行语言，有数十种配色方案供选择，酷！ Apple-like Retina Effect With jQuery ( 演示 | 下载 ) 使用 jQuery 实现的苹果 Retina 效果插件，很棒！ Animate Panning Slideshow with jQuery ( 演示 | 下载 ) 一款很棒的 jQuery 幻灯片插件，有详细的制作教程。 Colourful rating system with CSS3 ( 演示 | 下载 ) 使用 jQuer...
经常看到在一些产品介绍页，看到全屏滚动的特效，今天推荐款jQuery插件给大家，jQuery全屏鼠标滚动切换页面特效插件multiScroll.js，支持众多的参数自定义配置，scrollingSpeed：切换速度、easing：动画效果、navigation：false是否出现导航，还支持事件Callback函数调用，onLeave、afterLoad等，效果还是和不错的，浏览器兼容方面：IE8, 9, Opera 12、以及现代的浏览器，需要浏览器支持CSS3属性，推荐学习和使用。使用方法： 1.加...
本文实例讲述了jQuery插件HighCharts绘制2D饼图效果。分享给大家供大家参考，具体如下： 1、实例代码： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>HighCharts 2D饼图</title> <script type="text/javascript" src="js/jquery-1.7.2.min.js"></script> <script type="text/javascript" src="js/highcharts.js"></script> <script type="text/javascript"> $(function(){$(#pieChart).highcharts({chart: {plotB...
本文实例讲述了jQuery插件echarts去掉垂直网格线用法。分享给大家供大家参考，具体如下： 1、问题背景 设计一条统计人数的折线，其中网格线没有垂直线 2、实现源码 （1）有垂直网格线 <!DOCTYPE html> <html><head><meta charset="UTF-8"><title>echarts-有垂直网格线</title><link rel="shortcut icon" href="../js/echarts-2.2.7/doc/asset/ico/favicon.png" rel="external nofollow" rel="external nofollow" ><script type="te...
因为工作需要，所以这几天琢磨了一下关于jQuery插件开发的问题，经过一天鏖战，终于完成自己动手做的第一个jQuery插件，对于俺这种见了css就头痛的人来说，一天时间8小时，保守估计有5个小时在弄css(我css文盲级别，形容得还不够贴切，如果说文盲不会写字，只会说话，那我是连话都不会说的级别。)，好了，废话少说，切入正题。 首先要了解jQuery插件开发分两种，1.类级别的插件开发。2.对象级别插件开发。 什么? 你居然问什么是类级...
本文主要介绍了jQuery插件HighCharts绘制2D饼图效果,结合完整实例形式分析了jQuery使用HighCharts插件绘制饼图效果的操作步骤与相关实现技巧,并附带demo源码供读者下载参考,需要的朋友可以参考下，希望能帮助到大家。本文实例讲述了jQuery插件HighCharts绘制2D饼图效果。分享给大家供大家参考，具体如下：1、实例代码：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>HighCharts 2D饼图</title> <script type="text...