上一页 1 2 3 4 5 6 7 ··· 18 下一页
摘要: checkbox和radio浏览器默认的已经满足不了大众的审美需求,更不用说浏览器之间的差异化,取而代之,优化checkbox和radio的方法也随之诞生了。html结构:单选框为例,简单说明: 其中必需项包括:class="radio" 和 name="名称"帅哥靓妹未选中不可点击选中不可点击css表现:transition介绍:元素从一种样式逐渐改变为另一种的效果。transition 简写属性,用于在一个属性中设置四个过渡属性。transition-property 规定应用过渡的 CSS 属性的名称。transition-duration 定义过 阅读全文
posted @ 2014-01-05 22:14 前端咖 阅读(44271) 评论(12) 推荐(7) 编辑
摘要: doT.js特点是快,小,无依赖其他插件。官网:http://olado.github.iodoT.js详细使用介绍使用方法:{{= }} for interpolation{{ }} for evaluation{{~ }} for array iteration{{? }} for conditionals{{! }} for interpolation with encoding{{# }} for compile-time evaluation/includes and partials{{## #}} for compile-time defines调用方式:var... 阅读全文
posted @ 2014-01-05 11:51 前端咖 阅读(99786) 评论(7) 推荐(11) 编辑
摘要: 关于input手机号的验证一、手机号的判断方法:function isPhoneTel(n){ var reg = /^1[3|4|5|8]\d{9}$/; if(!!(reg.test(n))){ return true; } else{ return false; }}二、input绑定事件phone: function(){ var _this = this; // 只可以输入数字、删除等键 _this.kphone.onkeydown = function(e){ e = e || window.... 阅读全文
posted @ 2013-09-01 22:10 前端咖 阅读(5237) 评论(0) 推荐(0) 编辑
摘要: 商品编辑描述:主要是根据选中事件选中或取消,编辑DOM元素错做,增加,删除,修改。功能:用户选择某一个商品时,标记选中的商品,在商品栏中添加选中的商品并计算商品的总价钱。当用户取消选中商品或点击商品栏中的删除按钮时,删除对应的商品,取消商品的标记并重新计算价钱。在商品列表中ul(id:accradio)中,每一个li属性上记录商品的ID,price,name等等基本信息。在商品栏中ul(id:chooselist)中,记录li属性上的商品的ID,price,name等等基本信息。备注:在计算价钱时,由于javascript本身的bug,会显示有偏差。javscript中计算浮点数时有精度误差b 阅读全文
posted @ 2013-08-18 17:27 前端咖 阅读(985) 评论(0) 推荐(0) 编辑
摘要: 阻止事件冒泡冒泡事件流当事件在某一DOM元素被触发时,例如用户在客户名字节点上点击鼠标,事件将跟随着该节点继承自的各个父节点冒泡穿过整个的DOM节点层次,直到它遇到依附有该事件类型处理器的节点,此时,该事件是onclick事件。在冒泡过程中的任何时候都可以终止事件的冒泡,在遵从W3C标准的浏览器里可以通过调用事件对象上的stopPropagation()方法,在Internet Explorer里可以通过设置事件对象的cancelBubble属性为true。如果不停止事件的传播,事件将一直通过DOM冒泡直至到达文档根。if(e.stopPropagation) { //W3C阻止冒泡方法 .. 阅读全文
posted @ 2013-08-04 23:16 前端咖 阅读(782) 评论(1) 推荐(0) 编辑
摘要: 左侧分类导航菜单,是电商购物导航的最直接的分类形式。js方面主要以下几点注意1、事件有mouseover、mouseleaveonmouseover 事件会在鼠标指针移动到指定的对象上时发生。onmouseleave 事件会在鼠标指针移出到指定的对象时发生。2、setTimeout、clearTimeoutsetTimeout 方法用于在指定的毫秒数后调用函数或计算表达式。setTimeout() 只执行 code 一次。clearTimeout方法可取消由 setTimeout() 方法设置的 timeout。代码片段:鼠标移动到li元素上和移出元素时执行的动作_this.showlist. 阅读全文
posted @ 2013-08-04 22:07 前端咖 阅读(4642) 评论(4) 推荐(4) 编辑
摘要: 左侧分类导航菜单html结构: 手机 分类 小米手机 三星手机 ... 阅读全文
posted @ 2013-07-29 00:05 前端咖 阅读(1052) 评论(1) 推荐(0) 编辑
摘要: 一、原始值javascript中包含5种原始类型:字符串、数字、布尔值、null和undefined。判断一个值得最佳选择是typeof运算符,返回一个表示值得类型的字符串。字符串 string数字 number布尔值 booleanundefined undefined例如:if(typeof name === "string"){ console.log("name的值是字符串"); }二、引用值javascript中包含几种内置的引用类型:Object、Array、Date和Error。判断是否为引用类型最佳选择instanceof运算符。默... 阅读全文
posted @ 2013-07-21 23:05 前端咖 阅读(567) 评论(0) 推荐(0) 编辑
摘要: 命名空间有助于减少程序中所需要的全局变量的数量,并且同时有助于避免命名冲突或过长的名字前缀。关于命名空间的例子:/*** 创建全局对象MYAPP* @module MYAPP* @title MYAPP Global*/var MYAPP = MYAPP || {};/*** 返回指定的命名空间,如果命名空间不存在则创建命名空间。* 备注:命名时需小心,注意保留关键字,可能在一些浏览器无法使用。** @method namespace* @param {String *} 至少需要创建一个命名空间* @return {Object} 最后一个命名空间创建的对象的引用*/MYAPP.namesp 阅读全文
posted @ 2013-07-14 23:47 前端咖 阅读(18902) 评论(2) 推荐(1) 编辑
摘要: JSON定义JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。简单地说,JSON 可以将 JavaScript 对象中表示的一组数据转换为字符串,然后就可以在函数之间轻松地传递这个字符串,或者在异步应用程序中将字符串从 Web 客户机传递给服务器端程序。这个字符串看起来有点儿古怪,但是JavaScript很容易解释它,而且 JSON 可以表示比"名称 / 值对"更复杂的结构。JSON 语法是 JavaScript 对象表示法语法的子集。数据在名称/值对中、数据由逗号分隔、花括号保存对象、方括号保存数组JSON 值可以是:数字(整数 阅读全文
posted @ 2013-07-07 22:20 前端咖 阅读(38509) 评论(0) 推荐(1) 编辑
上一页 1 2 3 4 5 6 7 ··· 18 下一页