JavaScript
JavaScript!
jQuery无限级树形菜单
别具光芒群里的童鞋询问需要,天知道童鞋提供的jQuery无限级树形菜单 打开下一级会自动关闭上一级! 有疑问请移步别具光芒秘密基地-jq树形菜单 JQ无限级树形菜单 115网盘下载 另外还有一个无限级导航菜单 115网盘下载地址http://u.115.com/file/f4838e6531 点击查看DEMO
JavaScript DOM childNodes 属性
childNodes属性让我们课可以从给定的文档节点树里把任何一个元素的所有子元素检索出来。 childNodes属性将返回一个数组,这个数组包含给定元素的全体子元素: element.childNodes 假设我们需要把某个文档的body元素的全体子元素检索出来。首先,我们将使用getElementsByTagName()方法得到body元素。因为每份文档只有一个body元素,所以它将是getElementsByTagName(“body”)方法所返回的数组中的第一个(也是唯一一个)元素: var body_element = document.getElementsByTagName(“body”)[0]; 现在,变量body_element已经指向了那个文档的body元素。接下来,可以用如下所示的语法记号把body元素的全体子元素检索出来: body_emelent.childNodes 写出这个记号显然要比敲入下面这个长长的字符串要简明得多: document.getElementsByTagName(“body”)[0].childNodes 顺便说一句,body元素还有一个更简单的专用记号: document.body
元宵节晚上睡不着看Javascript
元宵节晚上太吵了,鞭炮声、车鸣声,响成一片,难以入睡! 好久没看Javascript,也一直没进步! bluefish2.0 这个编辑器很好用的!bluefish本来在Linux下是一款很好的编辑器,没想到在win系统下也一样这么好用! bluefish下载地址:http://www.bennewitz.com/bluefish/stable/binaries/win32/ <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>Shopping list</title></head><body> <h1>元宵节</h1> <p title="今天是元宵节">十五元宵节</p> <ul id="jiemu" title="title值即将被改变!"> <li id="huadeng">花灯</li> <li>鞭炮</li> <li id="tangyuan">汤圆</li> </ul> <p>好吵啊</p><script type="text/javascript">function unicac() { var paras = document.getElementsByTagName("li"); for (var i=0; i < paras.length;i++) { var title_text = paras[i].getAttribute("id"); if (title_text) alert(title_text); }}var yuanxiao = document.getElementById("jiemu");var change_jiemu = [...]
jQuery二级菜单
无意中逛博客,逛到了MG12的博客,看见他博客中有这样的例子,所以就顺手拔了下来,收藏之,以备用,非常感谢。 用jQuery实现的三种效果的二级菜单 普通的导航菜单 淡出淡入效果的导航菜单 滚动效果的导航菜单 jQuery二级菜单下载 无聊一下:115的网盘真的很不错!
百度有啊图片跳动效果
首先祝大家新年快乐,在2010年身体健康,工作顺利,房价快跌,工资多涨! 最近在帮客户做的一个页面里,客户要求了百度有啊里面的图片跳动效果(最下面店内推荐商品那里的两排图),本人技术有限,自己是写不出来了,就在网上找了这么一个效果!也是根据百度有啊的效果改的,挺好的,分享给大家。 下载地址:http://u.115.com/file/f4deac7cc 另外还共享一份HTML5_CSS3的ppt给大家,网名叫Adam前端开发工程师演讲的关于HTML5和CSS5的演讲PPT,这可是好东西啊,里面带有关于HTML5和CSS3 DEMO的链接! 下载地址:http://u.115.com/file/f4ca80c42d
JavaScript最重要的几种数据类型
JavaScript最重要的几种数据类型 字符串 字符包括字母、数字、标点符号和空格,字符串必须放在引号里(单引号或者双引号)。 数值 任意的数值,正数、负数,带小数点的数值(即:浮点数)。 布尔值 布尔数据只有两种可取值,即:true或者false。 注意:与字符串不懂,千万不要把布尔值用引号括起来 var abc = true; 与 var abc = "true"; 是完全不同的两回事!
锋利的jQuery-每多学一点知识,就少写一行代码
26号在卓越网上订购了这本书,今天一大清早,快递的就打电话问我在家不,说书已经到义乌了,要不要直接送过来!真快! 锋利的jQuery,属于前端开发系列的丛书! 题外话: 其实,在计算机名字叫unicac这台电脑的G盘javascript文件夹里有这本书的PDF版,估计很多同学都有!但是电子版的,看着总觉得不舒服,所谓的书,觉得还是拿在手上比较实在! PDF版的锋利的jQuery,可以到我的115网盘中下载,提取码:f4b2d18f58。 另附jQueryAPI_CHM.chm下载,提取码:f43bfb5b0b。 帮师兄他们公司AD一下:115网盘,真的很不错!3G的永久空间、5G的临时空间,还可以升级呢! 本来打算在卓越上还买另外一本《CSS那些事儿》的,发货时间实在太久了。。。。就在百度有啊上订购了一本,估计中午一会也到了吧! 小志 的书,非常期待!
【转】JavaScript—DOM编程核心
DOM Core常用部分: DOM方法 创建节点:createElement(),createTextNode() 复制节点:cloneNode() 插入节点:appendChild(),insertBefore 删除节点:removeChild() 替换节点:replaceChild() 查找节点:getAttribute(),getElementById(),getElementsByTagName,hasChildNodes 设置节点属性:setAttribute() DOM属性 节点的属性:nodeName,nodeType,nodeValue 遍历节点树:childNodes,firstChild,lastChild,nextSibling,parentNode,previousSibling 下面给出这部分的简要用法,做个索引似帮助文档 document.createElement(“节点名”):新建一个节点 document.createTextNode(“文本内容”):新建一个文本节点 节点.cloneNode(true|false):复制该节点,参数true则连同子结点一同复制,false则不复制子结点 节点.appendChild(子节点):在节点下添加子结点 父节点.insertBefore(新节点,参照点):在该父节点下的参照点前面插入新节点.通常父节点这样写:参照点.parentNode 父节点.removeChild(子结点):删除该父节点下指定的子结点,该子结点下的所有嵌套子结点都将被删除 父节点.replaceChild(新节点,旧节点):把该父节点下的指定子结点替换为新节点 节点.getAttribute(“属性名”):搜索指定节点的属性名,返回该属性的属性值 document.getElementById(“id名”):搜索文档中指定id名的节点,返回该节点对象 document.getElementsByTagName(“标签名”):搜索文档中指定标签名的节点,返回一个节点对象列表(数组),基数从0开始,具有length属性,表示数组长度 节点.hasChildNodes:该节点是否具有子结点,有,返回true,没有子结点返回false(比如文本节点和属性节点) 节点.setAttribute(“属性名”,”属性值”):为该节点添加属性,若该属性已经存在则刷新属性值 节点.nodeName:根据节点类型区分 元素节点:返回标签名(相当于tagName属性) 文本节点:返回#text 属性节点:返回属性名 节点.nodeType:返回节点类型,常用有一下三种: 元素节点:返回1 属性节点:返回2 文本节点:返回3 节点.nodeValue:返回节点当前的值,根据节点类型区分: 元素节点:返回null 属性节点:返回属性值 文本节点:返回文本内容 节点.childNodes:返回该节点下的所有一级子结点(前面有具体介绍过,这个属性在不同浏览器有不同解释) 节点.firstChild:返回该节点下的第一个子结点 节点.lastChild:返回该节点下的最后一个子结点 节点.nextSibling:返回该节点的下一个兄弟节点对象 节点.parentNode:返回该节点的父节点(肯定是一个元素节点,document节点的父节点为null) 节点.previousSibling:和nextSibling相对,返回该节点的上一个兄弟节点对象
jQuery实现的二级菜单
jQuery实现的二级菜单,锋利的jQuery 结构不是很合理! <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>简单的JQ代码</title> <script type="text/javascript" src="jquery-1.3.1.js"></script> <style type="text/css" media="all"> #menu{width:300px;} .has-children{background:#555;color:#FFF;cursor:pointer;} .highlight{color:#FFF;background:green;} div{padding:0;margin:10px 0;} div a{background:#888;display:none;float:left;width:300px;} </style> </head> <body> <div id="menu"> <div class="has-children"> <span>第一章:认识JQ</span> <a href="#">1-1. 认识js和js库</a> <a href="#">1-2. 加入Jquery</a> <a href="#">1-3. 编写简单的j</a> </div> <div class="has-children"> <span>第二章:认识JQ</span> <a href="#">2-1. 认识js和js库</a> <a href="#">2-2. [...]