今天弄了一下标签云，代码如下：
<!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源码资料包，Noka Tag v3.0很可能包含了一些先进的功能，如自动标签生成、标签云展示、多标签支持、标签权限管理等。这些功能使得标签系统不仅对于用户友好，也便于网站管理员进行内容管理和数据...
包含servlet、jsp、el、jstl、jdbc、过滤器、自定义标签、uploadListener、会话等基本上所有和JavaWEB相关的知识点
windchill JCA介绍
全书分4篇，共24章，其中，第1篇为技能学习篇，主要包括Java Web开发环境、JSP语法、JSP内置对象、Java Bean技术、Servlet技术、EL与JSTL标签库、数据库应用开发、初识Struts2基础、揭密Struts2高级技术、Hib锄劬e...
阿里云java短信验证码源码 APF-CMS 演示站点： 简介 APF，一个wordpress的java代替简化版本，使用Spring mvc开发。支持类似wordpress的几乎所有功能，比如：模板，插件等。同时在模板上，使用的是jsp 标签模板，方便...
文档地址：...-Spring Controller##### 基于MVC模式- 视图--Jsp- 模型--JavaBean- 业务层--JavaBean##### 主要技术- Spring Ioc- Mybatis+Spring整合- 声明式事务- Spring标签库- Spring拦截器
zip Google 地图 JSP 标签库． zip gtd - free （个人待办事项管理软件 GTD - Free ). rar JActor 的文件持久化组件 JFile . zip Java 的 PLis 类库 Blister . zip Java 对象的 sQL 接口 JoSQL . gz java 缓存...
大家共同为为互联网贡献一份力量： 方立勋JavaWeb视频教程_java基础增强（第一天） 方立勋JavaWeb视频教程_xml（第二、三天） 方立勋JavaWeb视频教程_web开发...方立勋JavaWeb视频教程_自定义标签库开发（第十一天）
MoPaaS创建应用演示步骤，我使用的是java web + mysql，注意：（1）...（3）jsp页面中使用了jstl的标签，将jstl1.2.jar放到WEB-INF/lib下拷贝相应的tld文件，最后在web.xml加上配置信息（我增加的是WEB-INF/fmt.tld）。
2014-5-4,在青年节,Juuluu发布了其企业建站系统的新版1.0.5,经过两周多的奋战,Juuluu团队为MiinCMP新浪云版的移植工作做了大量工作....模板使用标签化技术，采用页面驱动(page command)模式，通过Tomcat 自动刷新，
◆ 表 现 层：熟练掌握JSP、HTML、JavaScript、EL表达式和Struts标签库等，熟悉Ajax、DIV+CSS技术，JQuery,了解XML ◆ 编程工具：熟练使用My Eclipse、Dreamweaver等 ◆ 服 务 器：熟练使用Tomcat5.5/6.0，了解Web...
javax.servlet.jsp.jstl-1.2.0.v201105211821.jar（JSTL标签库） JFinal-bin-with-src-1.5.jar（JFinal 核心包） log4j-1.2.16.jar（日志记录） mysql-connector-java-5.1.20-bin.jar（mysql数据库连接） poi-3.8-...
Dreamweaver 还提供了功能全面的编码环境，其中包括代码编辑工具（例如代码颜色和标签完 成）；有关 HTML、层叠样式表 (CSS)、JavaScript、ColdFusion 标记语言 (CFML)、 Microsoft Active Server Pages ...
考试列表，课程管理，题库管 理，成绩管理，成绩情况 /权限管理：学院管理，班级管理，用户管理，角色管 理，资源管理 4网站管理：基础信息，友链管理，评论管理，标签管理 /系统管理：在线用户 /上传管理：云存储...
Thymeleaf是现代化服务器端的Java模板引擎，不同与JSP和FreeMarker，Thymeleaf的语法更加接近HTML，并且也有不错的扩展性。 Thymeleaf的主要目标在于...相对于编写逻辑或代码，开发者只需将标签属性添加到模板中即可。
支持HTML，JSP，Velocity，Freemarker等视图，零技术门云 灵活的权限控制，可控制到页面或按钮，满足绝大部分的权限需求（如需控制到按钮等级，需使用Shiro标签，控制按钮的显示或隐藏） 页面互动使用Vue2.x，极大的...
基于freemarker模板，采用 HTML 页面加上适量标签取代繁琐的JSP页面；持久层采用 Mybatis ，接近原生，摒弃了数据库层面耗费系统资源且性能低下等功能；项目全程采用LOG4J2作为日志框架，包括控制台输出、记录到文件...
TagsTreeMaps通过社区标签系统（例如标签云）对TreeMaps进行研究。 TTM提供了AJAX + JSP解决方案，用于浏览任意标记的信息。 提供了一个连接del.icio.us的示例。