代码改变世界

随笔分类 - jQuery

前端 时间个性化 插件 jquery.timeago.js

2016-07-23 11:46 by 曾祥展, 3108 阅读, 收藏, 编辑
摘要:关键词 : 时间格式化 刚刚 N分钟前 N小时前 N天前 N月前 N年前 MM-dd hh:mm 或者 yyyy-MM-dd 前端: 用法: 插件: jquery.timeago.js 阅读全文

12306火车票抢购脚本

2014-01-11 13:09 by 曾祥展, 13589 阅读, 收藏, 编辑
摘要:(function($){ /* 全国车站代码 */ var code = '@spd|山坡东|SBN|shanpodong|spd|0@tdd|土地堂东|TTN|tuditangdong|tdtd|1@wln|乌龙泉南|WFN|wulongquannan|wlqn|2@zfd|纸坊东|ZMN|zhifangdong|zfd|3@ldy|离堆公园|INW|liduigongyuan|ldgy... 阅读全文

最新淘宝省市区联动组件-jquery版

2013-05-26 22:31 by 曾祥展, 4957 阅读, 收藏, 编辑
摘要:最新淘宝省市区联动组件-jquery版简单 高效 体验效果好核心代码: 完毕! 阅读全文

最新淘宝漂亮星星评分-JQUERY版

2013-05-20 23:38 by 曾祥展, 2471 阅读, 收藏, 编辑
摘要:漂亮 动感 用户体验好 星星评分核心实现:(样式-鼠标事件-动画展示-数据缓存)核心实现,最新淘宝漂亮星星评分-JQUERY版 完毕! 阅读全文

亚马逊的下拉菜单插件 jQuery-Menu-Aim 使用

2013-03-08 14:08 by 曾祥展, 3438 阅读, 收藏, 编辑
摘要:jQuery插件 下拉菜单 快速 简洁开源地址:https://github.com/kamens/jQuery-menu-aim下载地址:最下面用法:<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script><script type="text/javascript" src="jquery.menu-aim.js" ></script><script type="text/javascript& 阅读全文

子用户-角色-权限-菜单 浅谈:子账户设计方案

2012-10-21 22:42 by 曾祥展, 23439 阅读, 收藏, 编辑
摘要:基于技术:Json.net + Jquery + Jstree 员工:账户名(原账户:+自定义) 密码 姓名 部门(树形) 职务(员工 主管 经理 总监 副总裁 总裁) 使用角色(多选) (其他:入职时间 工号 花名 手机 邮箱 座机 )部门:客服(售前 售后) 运营 财务 仓储 (自定义)角色:仓储物流 活动运营 美工设计 商品管理 售前客服 售后客服 等 (自定义)权限:基于角色分配权限+补充权限菜单:不同用户不同权限对应不同菜单 《一》表设计如下:Employee 员工Department 部门Role 角色Permission 权限RolePermission 为角色标识权限Menu 阅读全文

[淘宝商城首页]-图片灯箱明暗遮罩效果之jquery版

2012-04-21 10:07 by 曾祥展, 3567 阅读, 收藏, 编辑
摘要:淘宝商城首页 超酷的商品展示 特色 图片的随机排版 图片灯箱明暗 遮罩效果 jquery 效果如下: DIV结构: jquery实现: 调用: 阅读全文

弹出窗口插件

2012-01-14 01:33 by 曾祥展, 2897 阅读, 收藏, 编辑
摘要:弹出透明遮罩窗口插件,兼容性强,界面友好!调用: <script type="text/javascript"> $("#sg").html("恭喜你!真好运!获得Iphone 4s一部!"); $('#dialog1').dialog('open'); </script>Html: <div class="popWin" id="dialog1"> ... 阅读全文

jquery ajax return值 没有返回 的解决方法

2011-10-20 17:39 by 曾祥展, 1879 阅读, 收藏, 编辑
摘要://添加async:false.即修改为同步//等ajax给bol赋值完毕后,才执行下面的js部分。而异步的话,还没有来得及赋值,就已经return了。 function vYes() { var bol = false; $.ajax( { type: "GET", url: "../aa.ashx", data: { txtVcode: $('#<%=txtV.ClientID%>').val() }, async: false, success: function (data) { ... 阅读全文

zShowBox (图片放大展示jquery版 兼容性好)

2011-09-23 10:43 by 曾祥展, 793 阅读, 收藏, 编辑
摘要:zShowBox : 图片放大展示 简单 舒服 快速 兼容性好zShowBox.js/* * zShowBox (图片放大展示)*/function zShowBox(domChunk) { //为每张图片链接加上 class="zshowbox" var zcounter = 0; $(domChunk + ' a').each(function () { var a_href = $(this)[0].href.toLowerCase(); var file_type = a_href.substring(a_href.lastIndexOf... 阅读全文

loading 加载提示······

2011-09-01 01:48 by 曾祥展, 2153 阅读, 收藏, 编辑
摘要:loading 加载提示 ······ 透明遮罩 居中 body{margin: 0;font-size: 12px;line-height: 100%;font-family: Arial, sans-serif;}.background {display: block;width: 100%;height: 100%;opacity: 0.4;filter: alpha(opacity=40);background:while;position: absolute;top: 0;left: 0;z-index: 2000;}.pr 阅读全文

仿淘宝商城左侧分类导航菜单效果(平滑,高效,智能定位,jquery版)

2011-08-27 10:24 by 曾祥展, 5506 阅读, 收藏, 编辑
摘要:仿淘宝商城 左侧分类导航菜单 效果(平滑,高效,智能定位,jquery版)jquery实现:$(document).ready(function () { var g = $(".pop-subcategory"); $('.items').delegate("li", "mouseenter", function () { $(".shadow").children().addClass("hidden"); var i = $("li").index(th 阅读全文

多彩百分比 动态进度条 投票效果显示(jquery)

2011-08-24 10:57 by 曾祥展, 5582 阅读, 收藏, 编辑
摘要:打造 漂亮 动态 友好的 精选随机色彩 投票百分比展示 效果 HTML结构:<ul class="vote-box-list clearfix" id="appVoteBox"><li class="vl-item" id="voteItem0" ><div class="vote-item-wrap"><h4>A:</h4><p class="litem"><em class=vleft>& 阅读全文

大众点评 分类 导航 (jquery版)

2011-08-20 12:08 by 曾祥展, 1095 阅读, 收藏, 编辑
摘要:简单 轻盈 快速 高效!html结构: 餐饮 餐饮频道 粤菜 ... 购物 购物频道 超市/便利店 ... 其他 jquery代码:css样式:BODY { background-color:#fff; color:#555; font: 9pt/14px Tahoma, "宋体", Arial, Helvetica, Sans-Serif; letter-spacing: 0; ... 阅读全文

漂亮 动态效果 信息提示(jquery版)

2011-08-01 23:03 by 曾祥展, 2587 阅读, 收藏, 编辑
摘要:简单,漂亮,动画效果,用户体验好! 这个效果是在页面头部出现的,出现一下会自动隐藏,上面有x那个提示就要手动关闭一下,其他的都是自动隐藏的! 温馨提示:基于jquery 1.6.2 版本! <div id="message-dock"> <div id="message-sleeve" class="group"> <p><span class="sprite message-icon"></span><span id="message-t 阅读全文

动感效果的TAB选项卡 jquery 插件

2011-07-09 16:07 by 曾祥展, 1620 阅读, 收藏, 编辑
摘要:动感效果的TAB选项卡 jquery 插件 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="t 阅读全文

联动下拉框 jquery插件(三)

2011-06-04 17:22 by 曾祥展, 2457 阅读, 收藏, 编辑
摘要:<select id="CategoryFirst" class="ld-select-1" name="CategoryFirst"><option value="">请选择大类</option></select><select id="CategorySecond" class="ld-select-1" name="CategorySecond"><option value=" 阅读全文

联动下拉框 jquery 插件(二)

2011-06-04 16:44 by 曾祥展, 2102 阅读, 收藏, 编辑
摘要:<select id="Select1"></select><select id="Select2"></select><select id="Select3"></select><select id="Select4"> </select><script src="Scripts/jquery-1.6.1.min.js" type="text/javascript"> 阅读全文

联动下拉框 jquery 插件(一)

2011-06-04 15:47 by 曾祥展, 5318 阅读, 收藏, 编辑
摘要:CascadingDropDown是jquery联动下拉框插件,可以用于asp.net,或者mvc3,采用ajax,返回json数据。 <asp:DropDownList ID="ddlRegion" runat="server"></asp:DropDownList><asp:DropDownList ID="ddlProvince" runat="server"></asp:DropDownList><asp:DropDownList ID="dd 阅读全文

jquery性能最佳实践

2010-12-05 19:00 by 曾祥展, 1144 阅读, 收藏, 编辑
摘要:将jquery对象缓存起来在for循环中,不要每次都要访问数组的length属性,我们应该先将对象缓存进一个变量然后再操作,如下所示:var myLength = myArray.length;for (var i = 0; i ' + item + ''; $('#ballers').append... 阅读全文