2014年1月12日
摘要: 选择器概念jQuery选择器是通过标签、属性或者内容对HTML内容进行选择,选择器运行对HTML元素组或者单个元素进行操作。jQuery选择器使用$符号,等同于jquery,例如: $(“li”) = jquery(“li”)同样等同于javascript中的:document.getElemmentsByTagName/id/class语句;1 元素选择器$(“P”); //选择P元素,注意P为大写;$(“ #container”); //选择id=”container”的元素;$(“ .articles”); //选择class=”articles”的元素;$(“.promo”, ”#fr 阅读全文
posted @ 2014-01-12 01:05 林翔 阅读(2652) 评论(0) 推荐(0) 编辑
  2014年1月11日
摘要: 今天来学习一下数组的遍历、删除等知识点: 1 数组的遍历 数组元素的遍历可以使用for循环,采用关键字for...in var aCity = new Array("北京","上海","广州"); //声明一个数组 for(var i in aCity){ //遍历数组中的每一项 alert(aCity[i]); } 二维数组的遍历: var aCity = new Array();aCity[0] = new Array(); //二维数组赋值 aCity[0][0] = "常州"; aCity[0][1] = 阅读全文
posted @ 2014-01-11 00:33 林翔 阅读(284) 评论(0) 推荐(0) 编辑
  2014年1月10日
摘要: 今天来谈一谈CSS样式的面向对象写法。顾名思义,面向对象是高级语言具备的特性,主要是为了程序高可复用,解决模块之间的耦合关系,那么像CSS这样的脚本语言是否也可以使用面向对象的思想,来提高代码的可维护性和可扩展性呢?答案是肯定的,运用面向对象的思想来编写CSS代码,可以极大提高前台代码的效率。 目前常用的一种CSS代码组织方法是:base.css + common.css + page.css , 这样的组织架构让人很容易联想到常用的三层架构模型,但是这里稍微有一点区别。base层代码中存放高度统一的css代码,是跨越项目的,可在多个项目中重复使用的基础样式代码;common层中存放针对某一. 阅读全文
posted @ 2014-01-10 02:29 林翔 阅读(1022) 评论(1) 推荐(1) 编辑
  2014年1月8日
摘要: 今天来学习一下js中的一维数组、二维数组,以及数组的赋值、遍历、删除、排序等操作; 1 数组的声明 js提供了一个数组对象Array,默认是一维数组,其申明的方法如下: var aCity = new Array(); 在实际应用中,可以在申明的同时,给数组进行赋值: var aCity = new Array("北京","上海","广州"); 还可以在声明数组时,给数组指定长度; var aCity = new Array(2); 要说明的是,本方法创建数组指定了长度,但实际上所有情况下数组都是变长的,也就是说即使指定了长度为2,仍 阅读全文
posted @ 2014-01-08 10:45 林翔 阅读(430) 评论(0) 推荐(0) 编辑
摘要: 为了方便用户操作,可以为用户设置(或者屏蔽)功能键,代替使用频率比较高的操作。本次,将学习一下基本的功能键使用方法、键盘和焦点使用、屏蔽按键等知识点,以及一些相关示例; 1设置按键功能: 功能键主要是通过设置键盘值来实现的,其js函数为:event.keyCode,要判断用户使用的哪个功能键,实际就是判断当前的按键值; 示例: 如果用户是否按下的是“F8”健,指定当前首页为百度: function goHome(){ if(event.keyCode == 119){ //判断按键是否是F8,F8的键盘值为119 document.location.href="http://www. 阅读全文
posted @ 2014-01-08 00:16 林翔 阅读(380) 评论(1) 推荐(0) 编辑
  2014年1月7日
摘要: 今天来学习一个简单的时间应用:时间的倒影,如图所示: 主要知识点: 1 获取系统的时间值;2 建立一个div的倒影 div的倒影主要利用css来控制,函数值为:filter:flipv() 步骤一(建立HTML和css样式): 步骤二(编写js代码): function init(){ if(document.all){ var oTime1 = document.getElementById("time1"); var oTime2 = document.getElementById("time2"); oTime2.style.left = oTim 阅读全文
posted @ 2014-01-07 01:35 林翔 阅读(278) 评论(0) 推荐(0) 编辑
  2014年1月5日
摘要: 今天来了解一下js中定时器的两种用法。js中包括2种定时器,分别是: 间隔型定时器:setInterval(开) clearInterval (关) 延时性定时器:setTimeout(开) clearTimeout (关) (1)间隔型定时器: 间隔型定时器功能是每隔指定时间进行一次操作,直到定时器关闭; setInterval(function(){ alert('a');},1000); //每隔1000毫秒进行输出a字符;如果要停止使用clearInterval (2)延时性定时器: 延时性定时器功能是延时指定时间执行操作,之后不在执行; setTimeout(func 阅读全文
posted @ 2014-01-05 21:04 林翔 阅读(256) 评论(5) 推荐(0) 编辑
  2014年1月4日
摘要: 日期和时间是javaScript中常用的对象,可以通过此对象判断星期、生日、纪念日等,提高网站的人性化。下面将通过实例来介绍一下学习javaScript中有关时间和日期的知识点: (1)日期和时间函数: js中表示日期的函数为Date,通过此函数可以获取相应的年、月、日、时、分、秒; var today = new Date(); //声明日期对象 var year=today.getYear(); //获取年,这里获取的两位数字如:13 、14 var fullyear = today.getFullYear(); //获取完整年,例如:2013、2014 var month = toda. 阅读全文
posted @ 2014-01-04 23:11 林翔 阅读(259) 评论(0) 推荐(1) 编辑
摘要: 为了保证网页去样式后的可读性,并且又符合web标准,应该注意一下几点: 1 尽可能少的使用无语义的标签div和span; 2 在语义不明显时,既可以使用div或者p时,尽量用p, 因为p在默认情况下有上下间距,对兼容特殊终端有利; 3 不要使用纯样式标签,如:b、font、u等,改用css设置。 4 需要强调的文本,可以包含在strong或者em标签中,strong默认样式是加粗,而em是斜体; 5 使用表格时,标题要用caption,表头用thead,主体部分用tbody包围,尾部用tfoot包围。表头和一般单元格要区分开,表头用th,单元格用td; 6 表单域要用fieldset标签包起. 阅读全文
posted @ 2014-01-04 22:50 林翔 阅读(563) 评论(0) 推荐(1) 编辑
  2014年1月3日
摘要: 总所周知,现在的网页是由HTML、CSS、JS三大元素组成,而HTML是其中最重要的部分,是整个网页的骨架,CSS和js在骨架的基础上进行相应的修饰,使得网页成为一个有血有肉,可以动的“人”。如果HTML设计不合理,则类似一个骨骼不健全的人,即使外表再怎么修饰,也掩盖不了他明显的缺陷。 HTML标签都是带有语义考虑的,例如table语义为“表格”、tr为“单元行”、td为“单元格”。判断一个网页标签语义是否良好的一个简单方位就是:“去掉样式,看网页结构是否良好有序,是否任然具有很好的可读性”。一个语义良好的页面,h标签应该是完整有序没有断层的,按照h1、h2、h3、h4这样依次排列下来。在.. 阅读全文
posted @ 2014-01-03 01:04 林翔 阅读(395) 评论(0) 推荐(1) 编辑