本文实例讲述了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类（或任何类别/选择意味着你想使用）的任何...
本文主要介绍jQuery结合jQuery.cookie.js插件实现换肤功能,结合实例形式分析了jQuery.cookie.js插件的常用函数功能及实现换肤功能的相关操作技巧,需要的朋友可以参考下，希望能帮助到大家。上一次和大家分享了如何实现换肤功能，但是script代码好像有点长，所以这次打算使用cookie.js插件来实现换肤功能，好啦，我们开始吧。jQuery.cookie.js下载:https://github.com/carhartl/jquery-cookie/先来了解下cookie.js如何使用。先导入：...
初识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...
Sticky是一个简单的页面消息提醒jQuery插件。可以设置让消息在页面的四个角落出现，也可以设置在页面中央出现。可以手动关闭消息，也可以设置成自动关闭。http://thrivingkings.com/sticky/ 2)JNotify是一个JQuery插件，基于JQuery UI实现，用于创建页面消息提醒和状态提示条。 http://jnotify.codeplex.com/ 演示地址:http://www.fabiofranzini.com/jNotify/Demo.html 3)Humane JS是一个不依赖任何框架的轻巧的信息提...
主要修改了两个地方： 一、上下选择与输入值同步问题。 输入关键字后，当出现了下拉选项，用键盘的上下键选择时，关键字输入框的值，没有与你选择的值同步。插件是老外写的，可能他没有考虑到这一点。 二、修正了在firefox下中文输入，没有激活自动提交的问题。 老外当然不会用到中文输入，这个bug存在也理所当然了。 另：附件里的实现了选择后自动提交，也就和google、百度的效果完全一样了。 下载地址
本文实例讲述了jquery+php实现导出datatables插件数据到excel的方法。分享给大家供大家参考。具体如下： DataTables是一个jQuery的表格插件。这是一个高度灵活的工具，依据的基础逐步增强，这将增加先进的互动控制，支持任何HTML表格。主要特点： 1. 自动分页处理 2. 即时表格数据过滤 3. 数据排序以及数据类型自动检测 4. 自动处理列宽度 5. 可通过CSS定制样式 6. 支持隐藏列 7. 易用 8. 可扩展性和灵活性 9. 国际化 10.动态创建表...
本文实例讲述了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 ...
1) highlightjs Highlight.js能够对页面中的各种程序源代码语法着色加亮。支持的语言包括：Python Ruby Perl PHP XML HTML CSS Django Javascript VBScript Delphi Java C++ RenderMan (RSL and RIB) SQL SmallTalk Axapta 1C Ini Diff DOS .bat Bash 2) google-code-prettify Google Code Prettify是一个JavaScript库，用来对各种页面上的源码进行语法着色高亮显示。Google Code Prettify很小巧，解压后也只有85K的大小。支持大部...
内部使用 代码如下:<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.加...
摘要：之前给大家介绍过用CSS来实现带箭头的提示框，今天我们来点不太一样的，本文将分享几款带箭头提示框。 qtip qTip是一种先进的提示插件，基于jQuery框架。以用户友好，而且功能丰富，qTip为您提供不一般的功能，如圆角和语音气泡提示，并且最重要的是免费。支持ie6+以及其他主流浏览器 grumble.js grumble.js提供了特殊的提示，北/东/南/西定位的一般限制。可以围绕一个给定的元素以任意角度旋转，任何距离可以被指定，任何C...