软件开发培训班 >> 编程开发 >> JavaScript

jquery tree 可编辑节点实现代码(jquery一句话节点菜单)

　　本文标签：jquery,tree

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<title>1-5-1</title> 
<style type="text/css"> 
#menu { 
    width:300px; 
} 
.has_children{ 
    background : #555; 
    color :#fff; 
    cursor:pointer; 
} 
.highlight{ 
    color : #fff; 
    background : green; 
} 
div{ 
    padding:0; 
} 
div a{ 
    background : #888; 
    display : none; 
    float:left; 
    width:300px; 
} 
</style> 
 
<script type="text/javascript" src="http://img.jb51.net/jslib/jquery/jquery-1.3.2.min.js"></script> 
<script type="text/javascript"> 
//等待dom元素加载完毕. 
$(function(){ 
$(".has_children").click(function(){$(this).addClass("highlight").children("a").show().end() 
.siblings().children("a").hide().removeClass("highlight") 
})}); 
</script> 
</head> 
<body> 
<div id="menu"> 
    <div class="has_children"> 
        <span>第1章-认识jQuery</span> 
        1.1-JavaScript和JavaScript库 
        1.2-加入jQuery 
        1.3-编写简单jQuery代码 
        1.4-jQuery对象和DOM对象 
        1.5-解决jQuery和其它库的冲突 
        1.6-jQuery开发工具和插件 
        1.7-小结 
    </div> 
    <div class="has_children"> 
        <span>第2章-jQuery选择器</span> 
        2.1-jQuery选择器是什么 
        2.2-jQuery选择器的优势 
        2.3-jQuery选择器 
        2.4-应用jQuery改写示例 
        2.5-选择器中的一些注意事项 
        2.6-案例研究——类似淘宝网品牌列表的效果 
        2.7-还有其它选择器么？ 
        2.8-小结 
    </div> 
    <div class="has_children"> 
        <span>第3章-jQuery中的DOM操作</span> 
        3.1-DOM操作的分类 
        3.2-jQuery中的DOM操作 
        3.3-案例研究——某网站超链接和图片提示效果 
        3.4-小结 
    </div> 
</div> 
</body> 
</html>

技术文章快速查找

js中的referrer返回上一页使用介绍

给网页加个彩色窗口

基于jQuery的获得各种控件Value的方法

写给想学习Javascript的朋友一点学习经验小结

jQuery.holdReady()使用方法

js 弹出框替代浏览器的弹出框

改变文本框字体颜色的js脚本

JavaScript下通过的XMLHttpRequest发送请求的代码

相关下载

在线教程导航

软件应用
·Windows8	·Windows7	·Word
·Excel	·PPT	·WPS
Web开发
·ASP	·JavaScript	·DIV+CSS
·JSP	·VbScript	·XML
·PHP
开发语言
·VB	·VC	·ASP.NET
·Java	·C++	·Delphi
数据库开发
·MySQL	·MsSQL	·Access
·Oracle	·DB2
手机系统
·Android	·iOS	·WindowsPhone
网站设计
·Flash	·Dreamweaver	·Fireworks
平面设计
·Photoshop	·CorelDraw	·AutoCAD
·3DsMAX	·Illustrator
网络技术
·网站运营	·网络安全	·网络搭建