jQuery 3D室内全景图_HTML室内装修Demo
dwtedx JQuery教程 59 1 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教程 49 0 2016-11-11 13:35:59

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

阅读全文

jQuery天气预报插件_js天气预报插件代码
dwtedx JQuery教程 243 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教程 867 34 2016-06-29 13:20:43

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

阅读全文

jQuery数字自动增加滚动增加翻页动画效果
dwtedx JQuery教程 918 2 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教程 447 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教程 588 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教程 560 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教程 403 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教程 426 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教程 1656 0 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教程 1415 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教程 481 0 2016-04-12 14:03:25

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

阅读全文

jQuery可搜索下拉框_Select下拉框带模糊搜索功能
dwtedx JQuery教程 3816 5 2016-04-07 13:01:20

本Demo是一款在下拉框中嵌入搜索框的动态提示效果、会通过用户的输入内容通过ajax过滤加载下拉框的提示内容、加载的内容可通过ajax动态读取、也可以用固定数据、对用户体验的提高非常有用、Demo的代码是支持选项搜索过滤和Ajax远程加载的select下拉选择框的jQuery插件、效果图如下 Html代码<div class="cell"> <div class="desc">这个例子从file.json加载数据。不带初始选项。带搜索过滤功能。</div> <select ...

阅读全文

Html jQuery音乐均衡器Equalizer插件
dwtedx JQuery教程 472 0 2016-03-23 12:54:02

本Demo是一个jQuery音乐均衡器的插件、插件的名字叫做equalizer、是根据jQuery编写而来的插件、用于在网页上显示一个音乐均衡器、同时也是一个音乐播放器、带有音乐均衡器Html5音乐播放器、个人效果效果非常不错、效果图如下 Html代码<section id="main_section"> <div class="relative_left" style="width: 600px;margin: 30px 0px;height: 300px;left : 50%;margin-left...

阅读全文

HTML5统计图表插件_jQuery轻量级图表插件下载
dwtedx JQuery教程 515 0 2016-02-29 12:33:42

分享一个HTML5 SVG跨设备的统计图Demo、采用jQuery和HTML5完成的、该图表插件是一款支持制作饼状图、圆环图、柱状图和线性图等图表的、代码量非常小、效果也非常好看 、已经封装成JS文件了、集成到项目代码非常少、下面是Demo的效果图 HTML代码<div class="row"><div class="large-4 small-4 columns"> <ul data-pie-id="pie"> <li data-value="60">Water Buf...

阅读全文

DD记账
top
+