index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>工具函数</title>
<script type="text/javascript" src="jquery-1.10.1.js"></script>
<script type="text/javascript" src="jquery.nav.js"></script>
<script type="text/javascript" src="demo.js"></script>
<link type="text/css" rel="stylesheet" href="style.css" />
</head>
<body>
<ul class="list">
<li>导航列表
<ul class="nav">
<li>导航列表1</li>
<li>导航列表</li>
<li>导航列表</li>
<li>导航列表</li>
<li>导航列表</li>
</ul>
</li>
<li>导航列表
<ul class="nav">
<li>导航列表2</li>
<li>导航列表</li>
<li>导航列表</li>
<li>导航列表</li>
<li>导航列表</li>
</ul>
</li>
<li>导航列表
<ul class="nav">
<li>导航列表3</li>
<li>导航列表</li>
<li>导航列表</li>
<li>导航列表</li>
<li>导航列表</li>
</ul>
</li>
<li>导航列表
<ul class="nav">
<li>导航列表4</li>
<li>导航列表</li>
<li>导航列表</li>
<li>导航列表</li>
<li>导航列表</li>
</ul>
</li>
<li>导航列表
<ul class="nav">
<li>导航列表5</li>
<li>导航列表</li>
<li>导航列表</li>
<li>导航列表</li>
<li>导航列表</li>
</ul>
</li>
</ul>
<br /><br/>
<ul class="list">
<li>导航列表
<ul class="nav">
<li>导航列表1</li>
<li>导航列表</li>
<li>导航列表</li>
<li>导航列表</li>
<li>导航列表</li>
</ul>
</li>
<li>导航列表
<ul class="nav">
<li>导航列表2</li>
<li>导航列表</li>
<li>导航列表</li>
<li>导航列表</li>
<li>导航列表</li>
</ul>
</li>
</ul>
</body>
</html>
style.css
/* CSS Document */
.list{
list-style:none;
padding:0;
font-size:13px;
color:#fff;
width:500px;
margin:50px auto;
}
.list li{
float:left;
width:100px;
height:30px;
line-height:30px;
text-align:center;
cursor:pointer;
background:#333;
}
demo.js
$(function(){
/*
$('.nav').css({
'list-style':'none',
'margin':0,
'padding':0,
'display':'none'
});
$('.nav').parent().hover(function(){
$(this).find('.nav').slideDown('normal');
},function(){
$(this).find('.nav').stop().slideUp('normal');
});
*/
$('.list').eq(0).nav('orange');
$('.list').eq(1).nav('red');
});
jquery.nav.js
// JavaScript Document
;(function($){
$.fn.extend({
'nav':function(color){
$(this).find('.nav').css({
'list-style':'none',
'margin':0,
'padding':0,
'display':'none',
'color':color
});
$(this).find('.nav').parent().hover(function(){
$(this).find('.nav').slideDown('normal');
},function(){
$(this).find('.nav').stop().slideUp('normal');
});
return this;
}
});
})(jQuery);
效果图：
相关推荐
同时，我们也要注意插件的安全性，避免引入可能带来安全风险的第三方插件。 在本章的学习中，我们还会涉及插件的管理和配置，以及如何调试和优化插件性能。理解插件的工作机制并掌握其开发技术，对于提升个人或团队...
第五章至第八章可能会深入讲解命令、 handlers、快捷键和菜单的定义，这是实现插件功能的重要部分。开发者需要学会如何定义自己的命令，关联处理器，以及将这些命令绑定到用户界面的不同元素上。 第九章至第十二章...
4. **第15章 对话框和向导（Dialogs Wizards）**：对话框和向导是用户与Eclipse进行交互的重要方式。本章可能涉及到如何创建和使用对话框，比如输入框、确认对话框，以及构建多步骤的向导，用于引导用户完成复杂任务...
面向对象程序设计（Java）第十五章例题代码-J7chapte15面向对象程序设计（Java）第十五章例题代码-J7chapte15面向对象程序设计（Java）第十五章例题代码-J7chapte15面向对象程序设计（Java）第十五章例题代码-J7...
第15章 对话框和向导(DialogsWizards) 第16章 首选项(Preferences) 第17章 帮助内容(Help Contents) 第18章 备忘单(CheatSheet) 第三篇 高级进阶 第19章 插件开发高级内容 第20章 富客户端平台(RCP)技术 第21章 ...
1. **第15章：对话框和向导（Dialogs and Wizards）** - 在Eclipse RCP中，对话框和向导是用户交互的重要组成部分。对话框用于获取用户的输入或显示信息，而向导则引导用户完成一系列步骤。本章可能涵盖了如何创建...
18 第15章 对话框和向导（Dialogs Wizards）.pdf 19 第16章 首选项（Preferences）.pdf 20 第17章 帮助内容（Help contents）.pdf 21 第18章 备忘单（CheatSheet）.pdf 22 Eclipse 插件开发学习笔记 第三篇高级...
6. **第15章：对话框和向导（Dialogs Wizards）** - 对话框用于获取用户输入，向导则引导用户完成复杂任务。本章会介绍如何创建标准对话框和向导，包括布局管理、表单元素以及向导页的实现。 7. **第16章：首选项...
本书的主要内容是介绍Eclipse插件开发的相关知识和技巧，包括Eclipse的系统结构、SWT/JFace技术、插件开发方法、RCP开发方法以及其他一些相关的技术专题。本书覆盖了Eclipse平台技术的核心领域，是目前市场上讲述...
本学习笔记涵盖了从第15章到第24章的内容，这部分主要包括了以下几个核心知识点： 1. **插件项目结构**：在Eclipse中开发插件首先需要了解其基本项目结构，包括Plugin Project、Feature Project和Update Site ...
- **第十五章：Multisite**（第425页至第462页） - 多站点环境下插件开发的特点。 - 如何确保插件在多站点环境中的兼容性。 - 最佳实践和注意事项。 #### 十四、调试与优化 - **第十六章：调试和优化**（第463页...
在第15章中，我们主要关注的是标签页(Tabs)和工具提示(Tooltips)这两个重要的交互元素。 **标签页(Tabs)** 标签页是一种组织内容的有效方式，它将大量信息划分为可切换的不同部分，以提高用户体验。Bootstrap的...
第十一至第十三章可能涉及更高级的主题，如开发RCP（Rich Client Platform）应用，利用Eclipse的可扩展性构建桌面级应用程序。此外，调试插件、性能优化、国际化（i18n）和本地化（l10n）也是这一阶段的重要内容。 ...
第十一章"操作（Actions）"讲述了如何在Eclipse插件中添加各种用户可执行的动作，如菜单、工具栏按钮，以及与之相关的事件处理。 这些章节的学习将覆盖Eclipse插件开发的主要方面，通过理论学习与实践操作相结合，...
首先，第15章《对话框和向导（Dialogs Wizards）》讲解了在Eclipse中创建和使用对话框以及向导的基本步骤。对话框用于获取用户输入，而向导则引导用户完成一系列操作。这一章将介绍如何定义对话框的布局，设置控件，...
01第一篇 开发基础（封面）.pdf 02目录.pdf 03第1章 Eclipse平台简介.pdf 04第2章 SWT／JFace概述.pdf 05第3章 SWT编程基础.pdf ... 15 第12章 视图（views）.pdf 16 第13章 编辑器（Editors）.pdf
第十五章《Visual Studio Shell》介绍了Visual Studio Shell的概念和用途，这是一种用于创建基于Visual Studio的自定义IDE的框架。 ### 16. 领域特定语言工具 第十六章《领域特定语言工具》探讨了如何为特定领域...
综上所述，"struts2第15章part1"涵盖了Struts2框架的高级特性，包括拦截器、结果类型、动态方法访问、插件、模型驱动与注解配置、安全性和异常处理等。深入理解和掌握这部分内容，对于提升Struts2应用的开发能力和...
第15章 动画基础 第16章 高级动画 第17章 控件模板 第18章 自定义元素 第19章 数据绑定 第20章 格式化绑定的数据 第21章 数据视图 第22章 列表、网格和树 第23章 窗口 第24章 页面和导航 第25章 菜单、工具栏和功能...