jQuery引导插件_Html页面蒙版引导插件
dwtedx JQuery教程 37 0 2017-07-12 13:25:34

分享一个常见的场景、一般我们在打开一些有更改的网站的时候都会有新手引导、下面就和大家分享一个jQuery的新手引导的Demo、jQuery页面步骤引导新手代码是一款bootstrap搜索页面步骤引导效果、希望对大家有用 引入资源文件<!-- jQuery --><script src="jquery-1.11.3.min.js"></script><!-- EnjoyHint JS and CSS files --><script src="enjoyhint/enjoyh...

阅读全文

JS实现答题卡功能_jQuery在线答题插件
dwtedx JQuery教程 100 0 2017-06-20 13:27:45

分享一款jQuery仿牛客网的在线答题的Demo、Demo带有进度条提示、是一款带进度条和时间的在线答题代码、并且时间是可以暂停和开始的、非常灵活、但个人感觉唯一的不好就是不是响应式的、不支持移动设备 实现计时器/*实现计时器*/var time = setInterval(function () { if (timeState) { if (HH == 24) HH = 0; str = ""; if ( ss == 60) { if ( mm == ...

阅读全文

jQuery中ajax的简单使用_ajax Load方法使用
dwtedx JQuery教程 87 2 2017-06-12 13:27:16

一、load() 这是最简单的一个函数、传入一个url他会异步加载该url的内容、然后将内容插入每一个选中的元素中、替换掉其中已经存在的内容、所以最简单的用法是$("#myDiv").load("htmltest.html"); 当然这里的url不是只有html的、像什么txt、php之类的都是可以的、如果不是想加载整个文档的话可以在url后面加上一个jquery选择器、类似“xxx.html #aaa” 另外load其实还有两个可选的参数,第一个是数据(类似于是调用了post)、第三个可选参数是回调函数 这样一个完整的load可...

阅读全文

jQuery时光轴插件_垂直滚动时光轴插件
dwtedx JQuery教程 180 3 2017-04-18 13:20:04

今天无意间发现一个非常棒的特效、一个非常棒的时光轴动画特效、jQuery旅行者竖直时间轴、Demo是一款时间轴样式代码、一般用于旅行者的行程等方面、而且在滑动的时候也有动画效果哦、可以先看看效果图 HTML代码<section class="timeline"> <div class="wrapper"> <div class="timeline__item timeline__item--0"> <div class="timeline__item__station...

阅读全文

jQuery表格排序插件代码_JS给表格内容动态排序
dwtedx JQuery教程 290 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教程 569 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教程 427 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教程 686 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教程 666 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教程 437 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教程 1570 3 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教程 1768 106 2016-06-29 13:20:43

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

阅读全文

jQuery数字自动增加滚动增加翻页动画效果
dwtedx JQuery教程 1618 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教程 842 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教程 1307 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...

阅读全文

DD记账
top
+