今天弄了一下标签云，代码如下：
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title>随机标签云</title>
<style type="text/css">
*{
margin:0;
padding:0
}
a{
text-decoration:none
}
#wrap{
width:400px;
margin:auto
}
</style>
<script type="text/javascript">
window.onload=function(){
var obox=document.getElementById("wrap");
var obj=obox.getElementsByTagName("a");
//随机方法
function rand(num){
return parseInt(Math.random()*num+1);
}
//随机颜色值
function randomcolor(){
var str=Math.ceil(Math.random()*16777215).toString(16);
if(str.length<6){
str="0"+str;
}
return str;
}
//循环
for( len=obj.length,i=len;i--;){
obj[i].className="color"+rand(5);
obj[i].style.zIndex=rand(5);
obj[i].style.fontSize=rand(12)+12+"px";
// obj[i].style.background="#"+randomcolor();
obj[i].style.color="#"+randomcolor();
obj[i].onmouseover=function(){
this.style.background="#"+randomcolor();
}
obj[i].onmouseout=function(){
this.style.background="none";
}
}
}
</script>
</head>
<body>
<div id="wrap">
<a href="#">web标准学习</a>
<a href="#">css</a>
<a href="#">javascript</a>
<a href="#">html5</a>
<a href="#">canvas</a>
<a href="#">video</a>
<a href="#">audio</a>
<a href="#">jQuery</a>
<a href="#">jQuerymobile</a>
<a href="#">flash</a>
<a href="#">firefox</a>
<a href="#">chrome</a>
<a href="#">opera</a>
<a href="#">IE9</a>
<a href="#">css3.0</a>
<a href="#">andriod</a>
<a href="#">apple</a>
<a href="#">google</a>
<a href="#">jobs</a>
</div>
</body>
</html>
效果如下，真实体验请访问：http://www.656463.com
分享到：
相关推荐
六、JSP动作标签 1. jsp:include：动态包含页面，与include指令不同的是，它可以传递参数。 2. jsp:forward：将请求转发给另一个页面。 3. jsp:useBean：实例化JavaBean，并可以设置属性和获取属性值。 4. jsp:set...
7. **JSTL（JavaServer Pages Standard Tag Library）**：一组标准标签库，如fmt、fn、sql、c等，提供了更加结构化和可维护的JSP编程方式。 8. **MVC模式**：在JSP开发中，常常结合Servlet实现Model-View-...
4. **JSP标签库**：阐述JSTL和自定义标签的使用，以简化页面逻辑，提高代码的可读性和可维护性。 5. **数据库连接**：介绍如何使用JDBC与数据库进行交互，展示动态生成数据的实例。 6. **MVC设计模式**：讲解如何...
3. **JSP标签** - **内置对象**：如request、response、session、application等，它们提供了与HTTP请求、响应、会话和应用程序交互的方法。 - **脚本元素**：包括声明（declarations）、脚本（scriptlets）和...
第15章可能讲解了“JSP自定义标签库（JSTL）”，这一章中，读者会学习如何使用JSTL简化JSP页面，提高代码可读性和可维护性。例如，使用fmt标签处理日期和数字格式化，使用sql标签执行数据库操作，或者使用fn标签进行...
**JSP动作标签** 1. **jsp:include**：动态包含页面，不同于include指令，它在每次请求时都会检查被包含页面的最新版本。 2. **jsp:forward**：将请求转发到另一个页面，常用于请求处理的分发。 3. **jsp:useBean**...
《JSP网站开发典型与实例源码》是一个深入学习JSP技术的重要资源包，它包含了五个具体的项目实例，旨在帮助开发者提升在Java Web领域的实践能力。这个资源集合了JSP、MySQL数据库、HTML5以及Struts框架的应用，是...
EL提供简洁的方式来访问和操作JSP中的数据，而JSTL则包含了一系列预定义的标签，用于处理常见的任务，如迭代、条件判断、XML处理等。 实战部分，本教程会提供大量实例，涵盖JSP与数据库的连接、文件上传下载、用户...
- **JSTL**：提供一套标准的标签库，增强JSP的功能，包括核心、XML、SQL和函数四个部分。 6. **JSP 2.0及以后版本的新特性** - **JSP 2.0的页面指令**：引入了pageEncoding和isThreadSafe属性，增强了错误处理和...
5. **EL（Expression Language）和JSTL（JavaServer Pages Standard Tag Library）**：EL简化了从页面中获取数据的过程，而JSTL提供了一套标准标签，使开发者能够更高效地处理常见的任务，如迭代、条件判断和XML处理...
- **动作**：`<jsp:action>`，用于执行JSP动作，如包含文件或调用自定义标签。 理解并熟练掌握这些基本概念和元素是学习JSP的基础，它们构成了JSP开发的核心。通过结合静态内容和动态逻辑，你可以构建出功能丰富的...
在这个系统中，JSP页面通常用于展示音乐列表、播放界面、用户个人信息等，通过EL（Expression Language）和JSTL（JavaServer Pages Standard Tag Library）标签库简化了页面的编写，提高了开发效率。 接下来，我们...
”页面，理解JSP页面结构，包括`<% %>`脚本片段、`<%= %>`表达式标签、`<jsp:include>`和`<jsp:forward>`动作等。 2. **用户登录与注册**：这是常见的Web应用功能，涉及HTTP请求处理、表单数据验证、会话管理...
- **2.6 JSP指令标签** - **2.6.1 page指令**：定义页面相关的属性，如编码方式、导入类等。 - **2.6.2 include指令标签**：用于在编译时包含其他文件的内容。 - **2.7 JSP动作标签** - **2.7.1 include动作标签...
JSP网页的组成包括HTML静态内容、Java程序片段、JSP标签等，这些元素结合在一起形成一个完整的JSP网页。 【Servlet】 Servlet是Java EE中用于处理HTTP请求的Java类，它们是服务器端的小程序，负责接收和响应来自...
6. **JSTL（JavaServer Pages Standard Tag Library）**：一套标准标签库，提供诸如迭代、条件判断、XML处理等功能，使JSP代码更加清晰和可维护。 7. **Servlet生命周期**：JSP页面在运行时会被转换为Servlet，经历...
- JSP页面：包含HTML或XML标签，以及嵌入的Java代码或JSP标签。 - JSP指令：如`<%@ page %>`, `<%@ include %>`, `<jsp:include>`，用于配置页面属性或引入其他资源。 - JSP动作：如`<jsp:useBean>`, `<jsp:set...
这个压缩包可能包含一个全面的JSP教程，涵盖了JSP的基础概念、语法、核心指令、脚本元素、动作标签、内置对象等。教程可能分为几个部分，如JSP生命周期、请求处理、响应生成、会话管理、错误处理等。学习者可以通过...