jQuery表格排序插件代码_JS给表格内容动态排序
dwtedx JQuery教程 44 0 2017-03-16 13:33:04

一个jQuery Table表格排序的插件、可以根据点击显示的表头来对表格排序、并且支持分类排序、支持按数字大小排序同时也支持按英文排序等等、所有的js代码已经封装成jquery.tablesort.js、大家只需要在用到的地方直接引用就可以啦、下面是效果图 html代码<table> <thead> <tr> <th>Name</th> <th>Band</th> ...

阅读全文

jQuery中国省份地图插件_ ECharts地图教程
dwtedx JQuery教程 144 0 2017-02-08 13:31:02

分享一个html5 echarts地图分布的动画特效、Demo是一款带有炫光效果的html5 echarts图表插件、绘制的是中国的地图、并且带有光圈效果、当鼠标放上去之后就显示当前的颜色值、最重要的是可以根本鼠标的滚轮放大缩小、非常的实用、效果图如下 js代码<script type="text/javascript">function getEcharts(){ // Step:3 conifg ECharts´s path, link to echarts.js from current p...

阅读全文

jQuery插件开发$.extend和$.fn.extend插件机制
dwtedx JQuery教程 206 1 2017-01-04 13:15:32

 jQuery插件开发分为两种、一个是类级别、一个是对象级别、今天就针对这两种方式给大家做一个Demo、加深自己的理解的同事也希望对大家有帮助   1 类级别 类级别你可以理解为拓展jquery类、最明显的例子是$.ajax(...),相当于静态方法、开发扩展其方法时使用$.extend方法、即jQuery.extend(object); $.extend({ add:function(a,b){return a b;} , minus:function(a,b){return a-b;}...

阅读全文

jQuery 3D室内全景图_HTML室内装修Demo
dwtedx JQuery教程 246 3 2016-11-21 13:11:46

分享一款jQuery室内墙面装饰交互效果、之前也有朋友说要做一款室内装修的效果程序、今天就给大家分享一个Demo代码、Demo是一款兼容ie8浏览器的室内设计特效代码、基本上是支持所有浏览器、虽然不是动态的可拖拽的效果、但是这个效果在一般情况下也是可以满足在部分需求的、效果图如下 部分HTML代码<div class="room"> <div class="close"></div> <h1>模拟效果</h1> <div class="left...

阅读全文

JavaScript二维数组的遍历_jQuery dom循环创建例子
dwtedx JQuery教程 261 0 2016-11-11 13:35:59

最近在写关于购物车的本地存储的前端技术、这里是关于如何把一个二维数组内部的信息呈现在页面上、一般来说本地存储时、存储的是关于店铺的信息和店铺内部商品的信息.本地存储时把数组转换成Json串存储的、这里为了方便是直接创建的一个二维数组var product = [ { "shopId": 100, "shopNm": "红石榴", "productList": [ { "goodsId": 1, "goodsNm": "苹果7", "goodsNum": "1" ...

阅读全文

jQuery Cookie操作插件_ jQuery Cookie的使用方法
dwtedx JQuery教程 236 0 2016-10-27 13:44:45

在网页客户端、我们经常会遇到读取或者设置cookie的情况、如果用纯生的js我们可能会遇到一些兼容性带来的麻烦、这里给大家介绍一个比较实用jquery操作cookie的插件、插件的源代码如下jQuery.cookie = function(name, value, options) { if (typeof value != ´undefined´) { options = options || {}; if (value === null) { val...

阅读全文

jQuery天气预报插件_js天气预报插件代码
dwtedx JQuery教程 540 0 2016-09-19 12:54:43

Demo是一款jQuery自动定位当地位置、然后根据当前位置获取当前位置的天气预报代码、整体风格是一款绿色清爽风格的天气预报、已经封装成js插件、大家可以直接下载集成到自己项目使用、天气效果图如下 使用起来也非常简单、下面就把最核心的使用方式贴出来、供大家参考 1、引入js文件<script src="js/jquery.min.js"></script><script src="js/jquery.leoweather.min.js"></script> 2、CSS代码&l...

阅读全文

jQuery点赞+1动画效果_点赞数字加1放大动画特效
dwtedx JQuery教程 1221 46 2016-06-29 13:20:43

前几天给博客做过一个点赞功能、接下来给点赞功能添加一个特效、使用jQuery开发的点击弹出 1放大效果、当点击后、弹出 1并且慢慢的放大、然后再慢慢的消失、整个过程非常流畅、有看效果的朋友可以在下面点个赞看一下效果、现在分享给大家、希望对大家有用 jQuery 封装代码(function($) { $.extend({ tipsBox: function(options) { options = $.extend({ obj: null, //jq对象,...

阅读全文

jQuery数字自动增加滚动增加翻页动画效果
dwtedx JQuery教程 1269 3 2016-06-24 14:11:35

jQuery数字翻转特效、可用于统计活动现场人数总合或者网站访问量总合相关场景、Demo是一款数字翻页的插件、是一款基于jQuery.dataStatistics插件实现的、总体效果非常不错、下面是Demo的效果图 引入资源文件<link rel="stylesheet" href="style/style.css" media="screen" type="text/css" /><script type="text/javascript" src=´js/jquery.js´>...

阅读全文

jQuery实现网站顶部下拉自动收缩广告代码
dwtedx JQuery教程 635 0 2016-06-02 13:24:36

最近自己开发了一个手机记账App(DD记账)、本来是想在DD博客做一个全站的jQuery网站顶部定时折叠收起广告的、但想到会影响DD博客用户的用户体验、所以就放弃了这个念头、下面把这个Demo分享给大家 当网页加载完成的时候会由上往下的一个滑动展开广告图片、Demo设置的是过5秒之后自动收缩、当然这个参数是可以在源代码里面直接更改的、然后有一个arrow、点击可展开、再点击可以收缩、加入到自己的项目只需要在head区域引入样式表文件lrtk.css和jquery-1.8.3.min.js以及lrtk.js、就可以正常运行了、GIF效...

阅读全文

jQuery红包抽奖代码_红包下落特效代码
dwtedx JQuery教程 909 0 2016-05-26 13:06:09

一大堆红包下落的jQuery抽奖特效、Demo代码是一款节日抽奖转盘特效、可键盘控制旋转、背景为红包雨、图片可以更改、同时也可以调整速度、代码简单易懂、运用到自己的项目非常方便、下面是中奖的效果图 引入JS和CSS文件<link rel="stylesheet" href="css/demo.css" type="text/css" /><link rel="stylesheet" type="text/css" href="css/sweet-alert.css"><script type="t...

阅读全文

jQuery实现网页投票页面_js投票插件代码下载
dwtedx JQuery教程 801 0 2016-05-20 13:46:18

现在Web版本的投票已经做得风声水起了、下面分享一款jQuery纵向柱状体样式的投票代码、Demo是一款简单的网站投票特效的源代码、投票的时候具有动画效果、非常简约、下面是效果图 JS Vote申明代码var Vote={ voteJson:[ {Name:"LeeSin",Img:"images/LeeSin.png",Value:220}, {Name:"Ahri",Img:"images/Ahri.png",Value:161}, {Name:"Sona",Img:"images/Sona.png...

阅读全文

jQuery左侧环形旋转按钮导航菜单源代码下载
dwtedx JQuery教程 599 0 2016-05-13 12:48:09

本Demo是一个jQuery实现的左上角圆形菜单的展开与收缩的特效、是基于jQuery CSS3实现的动态折叠菜单、可在移动端使用、非常有感觉的一个动画效果、Css和js都已经封装成文件了、可直接引用、我做了一个GIF、先来围观一下动画吧 引入资源文件<link href="css/style.css" type="text/css" rel="stylesheet"><script src="js/jquery-1.8.0.min.js" ></script><script src=...

阅读全文

jQuery.Mark高亮显示关键词_JS搜索结果中高亮插件
dwtedx JQuery教程 610 0 2016-05-11 12:32:43

jQuery.Markj是一个关键字文本高亮的插件、一款支持变音符号的脚本、可自定义同义词、自定义元素、自定义class名称、单词边界和iframe、它可以通过搜索的方式来高亮所有的指定关键字、非常适合搜索等场景、效果非常不错、效果图如下 CSS代码<link rel="stylesheet" type="text/css" href="css/normalize.css" /><link rel="stylesheet" type="text/css" href="css/zzsc-demo.css">...

阅读全文

jQuery拖动验证码_仿淘宝滑动验证码源码源代码下载
dwtedx JQuery教程 2449 2 2016-05-06 12:55:12

jQuery仿淘宝网拖动滑块验证码功能、Demo是一款支持鼠标拖动到右边验证通过的实例、现在这种方式做验证码的验证的网站很多、Demo还带有特效动画、代码都已经封装好了、只需要简单的调用就好啦、非常方便、效果非常不错、下面是效果图 引入资源文件<link href="css/drag.css" rel="stylesheet" type="text/css"><script src="js/jquery-1.7.2.min.js" type="text/javascript"></script&g...

阅读全文

HTML5 jQuery绑定手机移动端触摸双击事件
dwtedx JQuery教程 2265 2 2016-04-22 12:26:25

Demo是一款jQuery移动设备触摸检测事件的处理Demo、同时使用鼠标双击也是可以实现相同的功能的、Demo的代码非常简单、使用了doubleTap事件、是一款非常有用的鼠标双击事件或移动设备的触摸双击事件的检测插件、Demo的效果非常简单、事件发生之后更换了焦点区域的背景色、效果图如下 CSS代码<style type="text/css"> #doubleTap-test{ width: 300px; height: 300px; background-col...

阅读全文

jQuery返回顶部代码_Html5返回顶部和底部代码
dwtedx JQuery教程 655 0 2016-04-12 14:03:25

Demo实现了一般网页中常见的返回顶部和底部的Jquery特效、Demo是一款非常实用的效果、当你网站的内容多的时候、它就可以用上场了、有了它之后你就不用滚动你的鼠标就可以实让页面的滚动条滚动到顶部和底部、用法很简单、就几句代码、先看看效果吧 Css代码body{height:3000px;} #updown{ _top: expression(eval((document.compatMode&&document.compatMode=="CSS1Compat")?documentElement....

阅读全文

DD记账
top
+