2011年12月22日
转 javascript针对DOM的应用（五）
摘要： javascript针对DOM的应用（五）终于可以抽出点时间再出一篇教程了。废话不多说了。今天这篇就教大家一个常用的效果。固定居中效果。其实这个应该不列入JS教程的范畴。应为FF，IE6以上浏览器都支持fixed这个固定属性。唯独IE6不支持。所以我为了可恶的IE6。我这里就出一篇教程吧。而且这种效果也可以锻炼同学们的计算能力。以后很多效果都需要你的计算能力。哈哈固定居中。或者固定在任何地方思想几乎是一样的。只你要算法清楚了。效果写起来就轻而易举了。先贴代码<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN 阅读全文
posted @ 2011-12-22 16:49 leejersey 阅读(296) 评论(0) 推荐(0) 编辑
转 javascript针对DOM的应用（四）
摘要： javascript针对DOM的应用（四）从这张开始就和大家说一些实用的效果的写法。当然首当其冲的就是我们可爱的TAB选项卡，用JQ写选项卡当然是很方便的而且方法也很多。其实用原生的JS写选项卡方法也很多。下面我就写几个给大家看看一，点击传参方法<script>function tab(dom){var list = document.getElementById("list").getElementsByTagName("li");var con = document.getElementById("con").getE 阅读全文
posted @ 2011-12-22 16:43 leejersey 阅读(228) 评论(0) 推荐(0) 编辑
转 javascript针对DOM的应用（三）
摘要： javascript针对DOM的应用（三）前两章讲了获取DOM元素。这章就开始讲如何操作dom。1.针对页面上有的DOM元素操作，无非就是对这个dom元素的样式进行操作。如果这个DOM元素没有样式也就谈不上操作了。2.我们也可以直接用JS动态的向html里写入DOM元素。今天这章我们就讲这两个应用（一）对html里现有的DOM元素进行操作。我上面说了，对现有的DOM元素进行操作，无非就是对样式的操作。所以我们首先就要能获取这个DOM元素的样式。在讲获取DOM元素的样式之前。先要说下DOM元素的样式链接方式。有三种。一是直接在html文档里写入样式例如<div style="wi 阅读全文
posted @ 2011-12-22 16:40 leejersey 阅读(376) 评论(0) 推荐(0) 编辑
2011年12月21日
转 javascript针对DOM的应用（二）
摘要： javascript针对DOM的应用（二）大家都知道在JQ中想获取一个元素的兄弟元素，父级元素，子元素等等是非常方便的。其实在原生的也JS也有这些属性。和JQ几乎相同但是比JQ少一些。但是用起来却比JQ麻烦一点。主要因为FF浏览器，因为FF会把你的换行也当做一个DOM元素。比如说<div id = "dom"><div></div><div></div></div>我用原生的JS获取ID为dom的元素下的子元素。用我第一章说的方法就是var a = document.getElementById(&qu 阅读全文
posted @ 2011-12-21 12:53 leejersey 阅读(325) 评论(0) 推荐(0) 编辑
转 javascript针对DOM的应用（一）
摘要： javascript针对DOM的应用（一）所谓针对DOM的应用。也就我这里只教大家用javascript操作页面中dom元素做交互。我相信可能大部分人来这里学javascript主要还是想用这个结合页面中的DOM元素做一些实际有用的交互效果。所以我这里只教大家最实际，最有用的javascript应用。但是前提大家最好有一些javascript或者jquery的编程的基础。好废话不多说了。今天第一篇，就教大家如何用javascript获取页面中的dom元素。这个很重要。我会对照JQuery来讲。如果页面中的元素是ID属性<div id="dom"></div 阅读全文
posted @ 2011-12-21 12:50 leejersey 阅读(343) 评论(0) 推荐(0) 编辑
2011年12月20日
javascript基础知识大全(2)
摘要： javascript基础知识大全(2)1.关于cookie的函数： /*** cookie操作工具.* 使用方法:保存值:CookieTool('name','1',{expires: 7})//表示保存一个cookie值为1,键值为name,失效时间7天以后* 取值:CookieTool('name') //返回1* @param {} name* @param {} value* @param {} options* @return {}*/CookieTool = function(name, value, options) { if (t 阅读全文
posted @ 2011-12-20 16:52 leejersey 阅读(284) 评论(0) 推荐(0) 编辑
javascript基础知识大全(1)
摘要： javascript基础知识大全(1)1.javascript的数组API//定义数组 var pageIds = new Array(); pageIds.push('A'); 数组长度 pageIds.length;//shift：删除原数组第一项，并返回删除元素的值；如果数组为空则返回undefinedvar a = [1,2,3,4,5];var b = a.shift(); //a：[2,3,4,5] b：1//unshift：将参数添加到原数组开头，并返回数组的长度var a = [1,2,3,4,5];var b = a.unshift(-2,-1); //a：[ 阅读全文
posted @ 2011-12-20 16:39 leejersey 阅读(568) 评论(0) 推荐(2) 编辑
2011年12月19日
转 CSS兼容性(IE和Firefox)技巧大全 （五）
摘要： CSS兼容性(IE和Firefox)技巧大全 （五）IE6,IE7,FFIE7.0出来了，对CSS的支持又有新问题。浏览器多了， /*For IE7 & IE6*/ _height:20px; /*For IE6*/这里我自己也没看懂什么意思？注意顺序。这样也属于CSS HACK，不过没有上面这样简洁。第一种#example { color: #333; } /* Moz */* html #example { color: #666; } /* IE6 */*+html #example { color: #999; } /* IE7 */第二种，是使用IE专用的条件注释<!- 阅读全文
posted @ 2011-12-19 15:59 leejersey 阅读(252) 评论(0) 推荐(0) 编辑
转 CSS兼容性(IE和Firefox)技巧大全 （四）
摘要： CSS兼容性(IE和Firefox)技巧大全 （四）FF与IE1. Div居中问题div设置 margin-left, margin-right 为 auto 时已经居中，IE 不行，IE需要设定body居中，首先在父级元素定义text-algin: center;这个的意思就是在父级元素内的内容居中。2.链接(a标签)的边框与背景a链接加边框和背景色，需设置 display: block, 同时设置 float: left 保证不换行。参照 menubar, 给 a 和 menubar 设置高度是为了避免底边显示错位, 若不设 height, 可以在 menubar 中插入一个空格。3.超链 阅读全文
posted @ 2011-12-19 15:55 leejersey 阅读(317) 评论(0) 推荐(0) 编辑
转 CSS兼容性(IE和Firefox)技巧大全 （三）
摘要： CSS兼容性(IE和Firefox)技巧大全 （三）12.web标准中定义id与class有什么区别吗一.web标准中是不容许重复ID的比如 div id="aa" 不容许重复2次,而class 定义的是类,理论上可以无限重复, 这样需要多次引用的定义便可以使用他.二.属性的优先级问题ID 的优先级要高于class,看上面的例子三.方便JS等客户端脚本如果在页面中要对某个对象进行脚本操作,可以给他定义一个ID,否则只能利用遍历页面元素加上指定特定属性来找到它,这是相对浪费时间资源,远远不如一个ID来得简单.13. LI中内容超过长度后以省略号显示的技巧此技巧适用与IE与OP 阅读全文
posted @ 2011-12-19 15:52 leejersey 阅读(253) 评论(0) 推荐(0) 编辑