jQuery
文章平均质量分 68
IT菇凉
这个作者很懒,什么都没留下…
展开
-
鼠标悬浮时菜单效果
jQuery Background Test by http://www.mb5u.com<styletype="text/css">h2 {clear:both;padding-top:20px;}ul {list-style:none;margin:0;padding:0;}li {float:left;width:100px;margin:0;padding:0;text-align:c原创 2014-01-04 14:40:38 · 897 阅读 · 0 评论 -
jQuery技巧
jQuery之所以如此流行并被从大公司到个人博客的几乎每个人都广泛使用,是因为它上手和使用相当简单,而且为我们提供了一些人都不知道的相当棒的特性。我认为jQuery的大多数用户更趋向于使用jQuery插件来解决面临的难题,这通常是明智的选择。但是当插件相对于你的需求有一定缺陷的时候,你也许更应该想办法自己来解决,下面来看看这些实用的jQuery技巧,他们肯定会能够派上用场的!这个jQu转载 2013-12-28 10:12:59 · 467 阅读 · 0 评论 -
JavaScript 与 jQuery 的收集
//验证正整数function IsNumber(s) { var reg = /^((0?)|([1-9]+\d*))(d+)?$/; if (!reg.test(s)) { return false } else { return true }}//检查手机号码function CheckM原创 2015-08-12 11:48:14 · 350 阅读 · 0 评论 -
遮罩层
/遮罩层/ .ShowDIV{ display: none; background-color:#8F8F8F; width: 100%; height: 100%; top:0px; left:0px; position: fixed; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;原创 2016-04-28 18:50:38 · 378 阅读 · 0 评论 -
$.extend
ObjectjQuery.extend( target, object1, [objectN])用一个或多个其他对象来扩展一个对象,返回被扩展的对象var settings = { validate: false, limit: 5, name: "foo" }; var options = { validate: true, name: "bar" }; jQuery.extend(原创 2015-09-18 15:30:45 · 355 阅读 · 0 评论 -
jQuery CheckBox全选、反选
//全选 $("#selectall").bind("click", function () { var cb = $("#datatablename :checkbox"); cb.attr("checked", true); }); //全不选 $("#selectnone").bind("click", function () {原创 2015-09-11 14:59:43 · 329 阅读 · 0 评论 -
jQuery Mobile
教程地址:http://www.w3school.com.cn/jquerymobile/index.aspjQuery Mobile CSS 下载地址:http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.cssjQuery Mobile JS 下载地址:http://code.jquery.com/jquery-1.8.原创 2015-09-17 10:17:10 · 387 阅读 · 0 评论 -
基于jQuery弹出层的9种效果
触发元素1示例1:默认弹出层,只须传入触发元素、弹出层、关闭按钮的jquery对象或#ID,其中关闭按钮为可选项。new PopupLayer({trigger:"#ele1",popupBlk:"#blk1",closeBtn:"#close1"});触发元素2示例2:参数offsets可设置弹出层位置偏移量,让弹出层的位置随心所欲new PopupLay原创 2015-08-10 09:47:57 · 1876 阅读 · 0 评论 -
会员订单列表(一)
前端: 订单状态: 全部 待付款 已付款 待确认原创 2014-09-30 15:24:07 · 2048 阅读 · 0 评论 -
城市筛选检索
# A B C D E F G H I J K L M N原创 2016-12-21 10:22:02 · 1135 阅读 · 0 评论 -
表单验证等其他公用js方法
/** DIV或元素居中* @return*/jQuery.fn.mCenterDiv = function () { this.css("position", "absolute"); this.css("border", "1px solid #ccc"); this.css("top", ($(window).height() - this.height())原创 2016-12-05 20:44:48 · 1264 阅读 · 0 评论 -
jQuery实现隔行变色、悬停变色 ( CSS3伪类选择器:nth-child() )
实现隔行变色 body { font-size: 12px; text-align: center; } #tbStu { width: 160px; height: 50px;原创 2013-12-28 09:25:46 · 1321 阅读 · 1 评论 -
合并数组
方法二: paras = paras1.concat(paras2);原创 2017-04-12 11:48:10 · 435 阅读 · 0 评论 -
jQuery 图片轮播
效果如下:先看一看html代码,以及对应的css代码:复制代码代码如下: 1 2 3 4 5 复制代原创 2013-12-28 10:35:40 · 613 阅读 · 0 评论 -
7个去伪存真的JavaScript面试题
1.创建JavaScript对象的两种方法是什么?这是一个非常简单的问题,如果你用过JavaScript的话。你至少得知道一种方法。但是,尽管如此,根据我的经验,也有很多自称是JavaScript程序员的人说不知道如何回答这个问题。使用“new”关键字来调用函数。 open/close花括号。 var o = {}; 你也可以继续提问,“使用new关键字,什么情况下创建对象?”但是,由于我只是转载 2015-08-27 15:00:08 · 325 阅读 · 0 评论 -
jQuery 实时汇率转换 悬浮层
#test{ position: fixed; height:auto; width:210px; background:#A2D516;color:White;font-size:15px;padding:10px 10px 10px 10px;} #Search { cursor:pointer;} #content{position:原创 2014-06-14 11:45:55 · 2760 阅读 · 0 评论 -
jQuery CSS选择器
笔记分为两个部分,今天是CSS的选择器,以后还有一部分xPath的选择器。今天的笔记中包括44个选择器,基本涵盖了CSS 2和CSS 3的所有规定。 序号选择器含义1.*通用元素选择器,匹配任何元素2.E标签选择器,匹配所有使用E标签的元素3..infoclass原创 2013-12-28 09:41:44 · 527 阅读 · 0 评论 -
图片放大镜效果
原理:最起考虑的原理是,两张图片,一张小图,一张大图,先获取鼠标在小图上面的坐标,然后以一个div来显示大图,并根据小图的坐标乘以大图除以小图得到的倍数定位!开始是把大图设为平铺不重复北景,然后使用背景的position属性来定位,理果比较理想,但是在IE6下面,图片存在闪烁,于是改成以图片的绝对定位方式显示! 效果图: 代码:复制代码代码如下:/*原创 2013-12-28 09:50:48 · 665 阅读 · 0 评论 -
javascript 进度条
新建一个JScsrip.js 文件 代码如下: 复制代码代码如下:function setPgb(pgbID, pgbValue,pvalues) { if ( pgbValue { if (lblObj = document.getElementById(pgbID+'_label')) { lblObj.innerHTML =Math.ceil(转载 2013-12-28 10:40:23 · 497 阅读 · 0 评论 -
基于jQuery的图片放大效果
代码如下:/*放大镜*/ .ZoomMain {margin:100px;width:395px;height:460px;float:left;position:relative;} .ZoomMain .zoom {height:393px;width:393px;position:relative;border: 1px solid #dcdddd;} .ZoomMa转载 2013-12-28 09:53:33 · 908 阅读 · 0 评论 -
竖排图片放大效果
今天我做的是利用JQuery模拟这个效果 源码如下 复制代码代码如下: //假设data是从数据库取到的数据 var data = {"images/1_small.jpg":["images/1_big.jpg","内衣少女","主演:文咏珊,郑丽欣"],"images/2_small.jpg":["images/2_big.jpg","爱情陷转载 2013-12-28 09:56:28 · 658 阅读 · 0 评论 -
jQuery导航条的效果(左侧菜单)
标题1 标题2 标题3 标题4 标题5 标题6 进入之后才能看到效果! $(document).ready(function () { myHide(); }); function myHide() { //alert("hello"); //注册事件 $(".m1").bind('mouseover', m1_mouseover);原创 2013-12-28 09:35:34 · 873 阅读 · 0 评论 -
jquery 侧边商品分类二级导航菜单样式
jquery hover属性仿改图网橙色的侧边商品分类二级导航菜单样式/* reset */*{margin:0;padding:0;list-style-type:none;}a{blr:expression(this.onFocus=this.blur())}/*去掉a标签的虚线框,避免出现奇怪的选中区域*/:focus{outline:0;}label原创 2014-02-27 17:01:11 · 2933 阅读 · 0 评论 -
js特效3D标签动态展示
昨天忙里偷闲,看了下jQuery网页s原创 2014-06-14 11:22:43 · 704 阅读 · 0 评论 -
jQuery 加载更多
ff $(function () { function init(count, start) { $.ajax({ type: "GET", dataType: "json", url: "Handler/Handler.ashx", data: { action: "GetMoreNews", count: count, start: start }, bef转载 2014-09-12 14:13:51 · 649 阅读 · 0 评论 -
显示进度条
前端: 普通会员 VIP会员原创 2014-09-13 09:29:43 · 561 阅读 · 0 评论 -
会员订单列表(二)
前端:操作项: 立即支付 )'>确认收货 订单详情 )'>物流查询原创 2014-09-30 15:35:32 · 845 阅读 · 0 评论 -
判断某字符串是否含有特殊符号
function CheckNum() { //定义数组保存特殊字符 var AllNumIsSame = new Array("’", "”", "。", ";", ":", "<", ">", "?", "|", "!", "@", "#", "$", "%", "^", "&", "*", "(", ")", "_", "+", "-", "+", "."); //获取用户输入的数值 var GetInputValue = $("#I原创 2015-01-07 13:53:41 · 7880 阅读 · 0 评论 -
Jquery实现文本框获取焦点清空内容,失去焦点重新获得内容
$("#search").focus(function cls() { //捕获触发事件的对象,并设置为以下语句的默认对象 with (event.srcElement) //如果当前值为默认值,则清空 if (value == defaultValue) value = "" }); $("#原创 2014-11-17 10:34:56 · 6728 阅读 · 0 评论 -
鼠标悬停右下角显示div
function show(obj, id) { var objDiv = $("#" + id + ""); $(objDiv).css("display", "block"); $(objDiv).css("left", event.clientX); $(objDiv).css("top"原创 2015-06-18 18:22:19 · 2097 阅读 · 0 评论 -
js 表单验证
用途:校验ip地址的格式 输入:strIP:ip地址 返回:如果通过验证返回true,否则返回false; */ function isIP(strIP) { if (isNull(strIP)) return false; var re=/^(\d+)\.(\d+)\.(\d+)\.(\d+)$/g //匹配IP地址的正则表达式 if(re.test(strIP)原创 2013-12-28 11:13:08 · 520 阅读 · 0 评论