随笔分类 -  js小实验

javascript-电话薄小功能
摘要：上代码: A a1 a1 a1 a1 a1 a1 a1 a1 a1 a1 B b2 b2 b... 阅读全文
posted @ 2014-09-24 11:17 脚后跟着猫 阅读(394) 评论(0) 推荐(0)
javascript-实现简单瀑布流
摘要：直接上代码：列：刷新 效果见： 阅读全文
posted @ 2014-09-24 11:07 脚后跟着猫 阅读(196) 评论(0) 推荐(0)
javascript-实现小抽奖程序
摘要：直接上代码 1 2 3 4 抽奖开始 5 6 7 8 其中奖品结果，奖品信息，可配置，方便修改。 阅读全文
posted @ 2014-09-24 11:02 脚后跟着猫 阅读(264) 评论(0) 推荐(0)
javascript-导航动画效果
摘要：知识点： 没有知识点，基础知识BAIBU一下，你就知道。俺的口号是“只做实例，不讲理论“。 效果： 上面的是在网上的效果。我只是做了一个程序框架。 主要代码： (function(X){ //滑块效果 var slideNav=X.SlideNav=function(opts){ this.... 阅读全文
posted @ 2013-06-09 18:13 脚后跟着猫 阅读(547) 评论(0) 推荐(2)
javascript-简单的计算器实现
摘要：知识点： 1、数学运算“+，-，*，/”的使用 2、输入内容的判断，对于事件对象的来源的判断 效果： 代码： <style> #calculate { line-height: 60px; text-align: center; background: #ccc; font-size: 16px; 阅读全文
posted @ 2013-05-29 18:41 脚后跟着猫 阅读(740) 评论(0) 推荐(0)
javascript-简单的日历实现
摘要：知识点： 主要是对Date对象的使用。（下面的介绍内容来自网络） 创建 Date 对象的语法： var myDate=new Date() Date 对象会自动把当前日期和时间保存为其初始值。 参数形式有以下５种： new Date("month dd,yyyy hh:mm:ss"); new... 阅读全文
posted @ 2013-05-23 18:41 脚后跟着猫 阅读(1335) 评论(3) 推荐(1)
javascript -表格排序
摘要：知识点： Array方法： sort:降序 reverse:反序 效果： 代码： 1 style> 2 *{ 3 margin: 0; 4 padding: 0; 5 } 6 #tableSort{ 7 line-height: 22px; 8 background... 阅读全文
posted @ 2013-05-22 18:49 脚后跟着猫 阅读(804) 评论(2) 推荐(2)
javascript-焦点图实现（四）
摘要：重构完成： 把原来代码分成： 工具类 Tools 效果类 Effects 焦点图类 文字不行，直接上代码。 下面的代码把前面写到的效果都包括了。 对于ie 下面的渐隐渐现没有支持，有兴趣的可以支持一下。 1 style> 2 #focus_view{ 3 overflow:hidden; ... 阅读全文
posted @ 2013-05-21 18:32 脚后跟着猫 阅读(401) 评论(2) 推荐(0)
javascript-焦点图实现（三）
摘要：重构（Refactoring）就是在不改变软件现有功能的基础上，通过调整程序代码改善软件的质量、性能，使其程序的设计模式和架构更趋合理，提高软件的扩展性和维护性。－－百度百科 什么时候开始重构？为什么要重构？怎么衡量重构的好坏？ 答案可以直接参考：http://baike.baidu.com/vie... 阅读全文
posted @ 2013-05-20 18:40 脚后跟着猫 阅读(480) 评论(0) 推荐(0)
javascript-焦点图实现（二）
摘要：知识点： javascript的原型链继承 function A(){ } A.prototype={ } function B(){ A.call(this);//调用父类构造函数 } B.prototype=new A;//原型链继承 B.construc... 阅读全文
posted @ 2013-05-17 18:06 脚后跟着猫 阅读(411) 评论(0) 推荐(0)
javascript-焦点图实现（一）
摘要：知识点： function 作为构造函数 prototyoe 原型对象的使用。 this 指向为指向类的当前实例。 类的使用，类的所有实例都指向同一个原型对象，原型只存在一份。 实例自身的值，放到构造函数，每次类的实例化都会能过构造函数，创建一个新的复本。 效果： 代码： html: styl... 阅读全文
posted @ 2013-05-16 15:39 脚后跟着猫 阅读(696) 评论(0) 推荐(0)
javascript-tab切换效果
摘要：要点：回调函数的使用，可以使函数的适应性更强，更健壮，方便扩展。效果：代码： 1 7 8 9 标签一10 标签二11 标签三12 标签四13 14 15 16 内容一17 内容二18 内容三19 内容四20 21 22 打完收工。 阅读全文
posted @ 2013-05-15 18:35 脚后跟着猫 阅读(507) 评论(0) 推荐(0)
javascript -表格集合rows cells运用
摘要：DOM api里关于表格集合的使用 rows：表示表格所有行的集合 cells：表示行内单元格的集合 效果： 代码： 使用闭包来保存变量值：（只修改JS代码其它部分相同） 结束： 这个效果实现也可以用td的标签集合，然后计算对应单元格对应的行列。这里只是为了运用浏览器提供的表格的集合。 阅读全文
posted @ 2013-05-14 13:56 脚后跟着猫 阅读(2295) 评论(0) 推荐(0)
javascript -checkbox全选,反选
摘要：主要用到dom api的 document.getElementById("id");//获取ID为"id"的DOM对象 document.getElementsByTagName(“input”)//获取Document下所有的Input对象 全选效果 效果： 代码： 实现上面的效果。 反选效果 阅读全文
posted @ 2013-05-13 17:28 脚后跟着猫 阅读(646) 评论(0) 推荐(1)

返回
顶部