http://blog.csdn.net/xiaoli_feng/article/details/4316252
http://www.atool.org/colorpicker.php
http://www.qqtz.com/hao/color.htm
<!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" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
*{margin:0; padding:0;font-size:12px;}
body{ padding-top:20px; padding-left:20px;background:#3B3B3B;}
.wid240{ width:242px; margin-bottom:20px;}
.wid180{ width:182px;}
.wid300{ width:300px;position:absolute;top:50%;
left:50%;}
.tab{ border:1px solid #000;}
.tab ul{ clear:both; zoom:1;}
.tab ul:after{ content:""; visibility:hidden; display:block; height:0; clear:both;}
.tab ul li{ background:#3B3B3B; color:#fff; display:inline; float:left; width:60px; height:26px; line-height:26px; text-align:center; }
.tab ul li.on{ background:red; color:#fff;}
.tabList{border:1px solid #000; border-top:none; height:150px;background:red;}
.tabList .one{ padding:10px; color:#ff0000; display:none;}
.tabList .block{ display:block;}
</style>
<script type="text/javascript">
function setTab(m,n){
var menu = document.getElementById("tab"+ m).getElementsByTagName("li");
var showDiv = document.getElementById("tabList"+ m).getElementsByTagName("div");
for( var i=0;i<menu.length;i++){
menu[i].className = i==n ?"on":"";
showDiv[i].style.display = i==n?"block":"none";
}
}
</script>
</head>
<body>
<div class="wid300">
<div class="tab" id="tab2">
<ul>
<li onclick=setTab(2,0) class="on">hsbc</li>
<li onclick=setTab(2,1)>iseries</li>
</ul>
</div>
<div class="tabList" id="tabList2">
<div class="one block">hsbc</div>
<div class="one">iseries</div>
</div>
</div>
</body>
</html>
分享到：
相关推荐
CPU处理速度太慢？那是你的cup缺少相关指令调用的驱动程序，推荐大家一个intel官方CPU驱动助手，以便帮助大家解决问题。
此外，开发工具如Ant Tool（http://ant-tool.github.io/）和脚手架如Ant Design的antd-init（https://github.com/ant-design/antd-init）可以加速开发过程，提供一套完整的项目结构和配置。 在React中，虚拟DOM是...
Ant的名称来自英文单词“Another Neat Tool”，它小巧而能做大事，被迅速应用于Java项目的构建过程中。 使用Ant可以完成的工作包括但不限于以下几点： - 定义构造块、它们必须产生的结果以及它们之间的依赖关系； ...
ANT（Another Neat Tool）是一款基于Java的自动化构建工具，广泛应用于软件开发、测试和部署过程中。以下是ANT安装与使用教程，旨在帮助项目部署人员快速掌握ANT的安装和基本使用。 硬件环境 ANT的安装和使用需要...
Apache Ant 是一个基于 Java 的构建工具，由 James Duncan Davidson 创建，其名称源于“another neat tool”的缩写。Ant 在软件开发中的主要作用是管理和自动化源代码到可执行文件的转换过程，确保每次构建的一致性...
Ant，最初作为一个缩写代表“Another Neat Tool”，是一个功能强大的构建工具，尤其适用于Java项目，但其应用范围远不止于此。以下是基于该文件标题、描述及部分内容提炼出的关键知识点： ### 一、Ant简介 Ant是一...
Ant（Another Neat Tool）是一个广泛用于Java项目管理的构建工具，尤其适用于那些需要执行诸如编译、测试、打包和部署等任务的项目。Ant的优势在于其灵活性和易用性，它使用XML（可扩展标记语言）来描述构建过程，...
3. **antlr-runtime-3.4.jar**：ANTLR（Another Tool for Language Recognition）是一个强大的解析器生成器，用于读取、处理、执行或翻译结构化文本或二进制文件。在Ant中，ANTLR的运行时库用于解析构建文件中的某些...
Ant，全称Another Nice Tool，是Apache软件基金会推出的一款基于Java的构建工具，尤其在Java应用的构建、打包和安装过程中扮演着事实上的标准角色。与Unix系统中的make工具类似，但Ant通过XML格式的构建文件解决了跨...
Ant（Another Neat Tool）是一种开源的Java库和命令行工具，用于编译、测试、部署和管理软件项目。它通过XML文件定义构建过程，使得构建脚本易于理解和维护。Ant的强大之处在于其灵活性和可扩展性，能够处理复杂的...
Apache Ant，全称为Another Neat Tool，是一种基于Java的构建工具，旨在提供一种比传统构建工具如Make更灵活、可移植的解决方案。Ant的设计哲学在于克服Make工具的局限性，尤其是在跨平台开发中的挑战。与基于Shell...
标题提到的是一个名为"tool"的工具软件，它利用了ANT技术来自动生成功能代码，特别是针对SSH（Struts2、Hibernate、Spring）这三种技术的集成应用。这意味着这个工具能够帮助开发者快速搭建基于SSH框架的项目，减少...
<taskdef name="hibernatetool" classname="org.hibernate.tool.ant.HibernateToolTask" classpathref="classpath"/> <hibernatetool destdir="${build.dir}"> ${src.dir}" includes="**/*.hbm.xml"/> ...
Ant是“Another Neat Tool”的缩写，由James Holmes在1998年创建，最初是为了替代当时依赖Makefile的Java项目构建过程。Ant是一个基于任务驱动的构建系统，它的核心思想是通过XML定义一系列的构建任务（ Targets），...
Ant，全称为Another Neat Tool，其设计灵感来源于Make工具，但它是基于XML的，这使得构建脚本对于开发者更加友好和易于理解。在Ant 1.5.jar.zip这个压缩包中，我们主要关注的是"ant-1.5.jar"文件和"ant.license.txt...
ANTLR（ANother Tool for Language Recognition）是一个强大的解析器生成器，用于读取、处理、执行或翻译结构化文本或二进制文件。ANTLR可以生成Java、C#、Python等多种语言的解析器和词法分析器，广泛应用于语法...