jQuery仿淘宝加入购物车动画效果源代码下载
dwtedx JQuery教程 5842 3 2014-12-24 13:30:20

和大家分享一个jQuery加入购物车效果、点击一个商品之后通过抛物线的方式加入购物车、非常不错、此效果是通过一个加入回收站的效果改造的、大家可以通过修改简单的图片和代码就可以轻松的实现加入购物车效果、非常不错 HTML代码 <div class="goods_list"> <div class="thingsBox"> <img src="images/1.jpg" onClick="MoveBox(this)"/> </div> <div ...

阅读全文

高效jQuery分页插件源代码jquery.pager.js例子下载
dwtedx JQuery教程 18662 33 2014-12-14 12:55:15

本文将给大家分享一个非常不错的分页插件、jQuery.pager.js、该插件的优点是可以内容索引、使用了jQuery、也同时调用了jquery.pager.js文件、分页都是基于Ajax的、当然、如果你不打算使用Ajax来实现分页的话、那么你最好不要使用本插件、若使用的话反而很麻烦、本插件主要是为使用Ajax技术交互的网站所准备、可以很方便的嵌入到网站系统中、实现Ajax分页功能、运行效果如下 如果大家觉得这个效果不是很好看的话、可以自己重写分页按钮的样式哈 HTML代码很简单、只要准备一个用于分页...

阅读全文

jQuery响应式垂直导航菜单_炫酷响应式菜单例子
dwtedx JQuery教程 3964 3 2014-12-01 13:02:08

今天在研究响应式的时候、发现了国外的这么一个例子、实现了响应式的导航、个人觉得非常不错、现在分享给大家、希望对大家有帮助、话不多说、先一起来看看整个Demo运行的效果吧、然后哥们你再决定要不要下载这个Demo 上面的效果、电脑端主要是通过CSS实现的、所以不会存在JS没有加载完、菜单打不开的现象、那么手机端的菜单是通过JS来的、主要运用了google-maps.js这个js包哈 核心CSS代码(当屏幕宽度小于768px被执行) @media (max-width: 768px) { .vertical-na...

阅读全文

jQuery电子商城动态生成订单进度步骤代码例子
dwtedx JQuery教程 5495 4 2014-11-25 13:45:11

本例子将给大家讲述怎么实现jQuery动态生成订单进度的步骤和代码分享、这种功能一般都将被应用在电子商城等网站、主要用来显示订单的状态、jQuery动态生成订单进度步骤代码、提取后台传输到页面的数据、根据数据进行进度的变更、默认设置初始值进行进度的变更 这个demo主要利用了延时加载的效果、也就是说0.1秒后展示结果、因为HTML加载顺序、先加载脚本 样式、再加载body内容、下面先看下程序的运行效果吧 HTML代码 <div class="stepInfo"> <ul> ...

阅读全文

jQuery固定顶部导航效果_使用Skrollr创建视差滚动效果页面
dwtedx JQuery教程 1845 0 2014-11-09 14:52:27

利用jQuery做出做我博客这样的效果其实并不难、也就是说当用户把滚动条下滑到下方的时候、菜单栏会浮动在整个页面的上方、那么今天我就和大家分享一个例子、实现这个功能、当然不是我网站的源代码、是另外一个同样实现了这个功能的例子、效果也非常不错、先来看看整个运行效果吧 就像画面上显示的一样、当用户滑动到下方的时候会浮动在上方、当滑动到最上方的时候两个菜单栏会变高的呢 jQuery代码 <script src=´jquery.js´></script> &l...

阅读全文

jQuery ajax实例_post和get配合json使用方法
dwtedx JQuery教程 2898 1 2014-11-04 20:02:38

$.get()使用方法 $.get() 方法通过远程 HTTP GET 请求载入信息、这是一个简单的 GET 请求功能以取代复杂 $.ajax 、请求成功时可调用回调函数、如果需要在出错时执行函数、请使用 $.ajax $.get("json/jsonfile.json", { name: "John", time: "2pm" }, function(data){ alert("返回数据: " + data); }); get参数说明 url:必需、规定将请求发送的哪个 URL data:...

阅读全文

jQuery setInterval定时执行和停止执行一个方法的例子
dwtedx JQuery教程 9811 10 2014-10-29 18:50:29

最近发现很多哥们在使用jQuery的setInterval时总是不能成功、当然我在使用的时候也没有成功、最后在网上找了一下、发现别人的也有很多错误、最后发现了setInterval的正确使用方法 第一种方法 $(function(){ setInterval (showTime, 2000); function showTime() { var today = new Date(); alert("The time is: " + today.toString ()); } }) 第二种方法 $(f...

阅读全文

jQuery虚拟键盘中文打字例子_网页虚拟键盘_Js网页软键盘插件
dwtedx JQuery教程 5357 7 2014-10-23 11:37:24

jQuery虚拟键盘中文打字效果、网页版的虚拟键盘、可以通过虚拟键盘打出中文哦 它是一款基于jquery实现的精简版虚拟键盘中文打字input value赋值效果 对于安全性要求比较高的网站可以引入哦、当然一般的网站如果想做得比较炫的话也可以使用哈 上图是我通过这个键盘打字打出来的效果哈、也可以切换成英文状态哈 当你把这个字的拼音输入完成之后会自己跳到 input 框里面去哈、非常方便 当然代码安装起来也非常简单、下面就来分析一下代码 HTML代码 <center>...

阅读全文

HTML5仿Apple Watch时钟动画DEMO演示源码
dwtedx JQuery教程 2123 0 2014-10-20 09:40:25

该款HTML5时钟是仿Apple Watch界面模拟出来的、可以根据本地时间实时更新指针数据 其华丽的界面却有苹果的风格、本例子完全通过CSS实现的、没有使用任何图片 动画是利用jQuery来实现的、有图有真像、先来看看程序的运行效果吧 HTML代码 <div class="fill"> <div class="reference"></div> <div class="clock" id="utility-clock"> <...

阅读全文

jQuery多功能右侧悬浮菜单回顶部_右侧固定悬浮jQuery二级菜单例子
dwtedx JQuery教程 3707 0 2014-10-17 15:40:49

本例子适用与商城等购物系统、在右侧菜单的地方有个人中心、站内消息 最近浏览、联系客户等功能、这个也是可以自己添加的哦、比如自己再添加一个购物车 另外效果上面也比较炫、使用jQuery悬浮菜单、带多种功能菜单、带关闭按钮 点击关闭按钮时会隐藏菜单部分、只保留返回顶部按钮 是不是功能很多呀、不过都只有界面、得自己添加后台功能哈 jQuery 源代码 <script type="text/javascript"> var account_url="http://dwtedx....

阅读全文

jQuery宽屏图片幻灯片展示滑动切换效果_多层图片叠加切换效果
dwtedx JQuery教程 2106 0 2014-10-14 13:38:04

jQuery宽屏图片滑动切换效果、效果非常不错、出于视觉效果、把三张图片叠加在一起的 看上云会有飘逸的效果、基于jquery实现的banner多个div容器宽屏图片滑动切换效果 话不多说、有图有真像、来看看Demo效果吧 JS代码 $(function() { $("#focusIndex1").show(); $("#focusBar li").css("width",$(window).width()); $("a.arrL").mouseover(function(){stopFocusA...

阅读全文

jQuery仿360浏览器和火狐Firefox导航页九宫格图片拖拽排序并有抖动效果
dwtedx JQuery教程 1794 0 2014-10-12 16:10:58

本例子主要实现的是通过jQuery仿360导航页和火狐浏览器图标div拖动排序效果 同样这个代码也可以实现九宫格图片拖拽排序特效、如果有使用九宫格的朋友有福了 主要使用了jQuery的拖拽功能、运行效果大家可以下载源代码观看哈、实现代码非常简单 HTML代码 <div class="item_container"> <div class="item_content"> <ul> <li><div class="item"><img src="imag...

阅读全文

jQuery简洁大气的QQ在线客服_在线QQ客服悬浮插件例子
dwtedx JQuery教程 2173 0 2014-10-11 10:26:23

本例子实现的是一款简洁大气的QQ在线客服的小功能、效果非常不错、大家可以下载运行看看 是一款很实用的jquery特效是今天刚从浏览网站的时候觉得它很实用就把它扣下来第一时间与大家分享 效果是不是很好看呀、反正个人觉得是非常好看、希望对大家有用哈 代码也非常简单、融入到自己的项目中去很容易、话不多说、给大家看一下代码 HTML代码 <div class="suspend"> <dl> <dt class="IE6PNG"></dt>...

阅读全文

jquery星级评分插件jquery.raty_滑动鼠标点击星星评分的功能插件
dwtedx JQuery教程 4594 1 2014-10-07 15:50:24

本DEMO是一款功能强大的jquery评分插件jquery.raty、可灵活设置33个参数、可以显示数值和自定义字符串数组 比以往分享的星级评分插件功能强多了、使用也比较简单、最简单的使用初始化jquery代码就一行$(”#star“).raty(); 具体的大家自己下载下来慢慢看吧 HTML代码 <div style="width:500px; margin:100px auto;"> <div class="demo"> <div id="function-dem...

阅读全文

DD记账
top
+