jQuery图片弹出层插件fancyBox下载_fancyBox参数说明及使用方法
dwtedx JQuery教程 3734 0 2015-01-14 12:58:37

fancyBox是一个非常优秀的图片弹出层的jQuery插件、带有丰富的弹出层效果、相比LightBox来说、Fancybox相对庞大点、配置也更丰富一些、这个插件也是一开始我集成到我博客里面的、由于最近在优化博客、减肥是必须的、想到只有首页用到了这个插件、忍痛割爱的把这个插件从我的博客中删掉了、不过还是很值得为大家推荐一下、相信你会喜欢的 fancyBox具有以下特性 1、可以加载DIV、图片、图片集、html文本、flash动画、SWF影片、iframe以及ajax数据 2、支持键盘方向键和ESC键 ...

阅读全文

jQuery实现下拉邮箱地址自动填充补全功能
dwtedx JQuery教程 1394 1 2015-01-12 13:28:45

刚刚过完一个周末、2015年第一个双休、当然对于一个程序员来说休息也是闲不下来的、就在看博客、完善个人觉得不完美的地方、随便看看那里有可以改进的地方、完善了一部分功能之后、想给输入邮件的时候添加自动填充邮件地址、就像新浪那样、当然现在我的博客所有邮件输入的地方都加上了邮件填充、不愿意独享、特将这个插件分享一下、希望对一些哥们有用、看看效果吧、你要以在下方回复框里面输入试试、再上一张效果图片 效果还可以吧、大家也可以在下面回复的地方输入试试 所有JS代码都是封装到一个js文件里面的、使用方法如下 JS代码...

阅读全文

jQuery仿淘宝加入购物车动画效果源代码下载
dwtedx JQuery教程 4554 1 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教程 13422 25 2014-12-14 12:55:15

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

阅读全文

jQuery响应式垂直导航菜单_炫酷响应式菜单例子
dwtedx JQuery教程 2391 0 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教程 3334 2 2014-11-25 13:45:11

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

阅读全文

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

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

阅读全文

jQuery ajax实例_post和get配合json使用方法
dwtedx JQuery教程 1678 0 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教程 2855 3 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教程 2721 0 2014-10-23 11:37:24

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

阅读全文

HTML5仿Apple Watch时钟动画DEMO演示源码
dwtedx JQuery教程 1407 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教程 2318 0 2014-10-17 15:40:49

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

阅读全文

jQuery宽屏图片幻灯片展示滑动切换效果_多层图片叠加切换效果
dwtedx JQuery教程 1476 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教程 1114 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...

阅读全文

DD记账
top
+