[Java学习] JavaScript实现的随机色标签云

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style type="text/css">
http://www.nvzi91.cn/buyunbuyu/30049.html
*{
margin:0;
padding:0
}
a{
text-decoration:none
}
http://www.nvzi91.cn/fujianyan/30050.html
#wrap{
width:400px;
margin:auto
}
</style>
</head>
<body>
<div id="wrap">
<a href="#">web标准学习</a>
http://www.nvzi91.cn/waiyinyan/30051.html
<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>
http://www.nvzi91.cn/yindaoyan/30052.html
<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>
http://www.nvzi91.cn/fujianyan/30053.html
</div>
<script type="text/javascript">
//随机方法
function rand(num)
{
return parseInt(Math.random()*num+1);
}
//随机颜色值
function randomColor()
www.nvzi91.cn
{
var str = Math.ceil((Math.random()*16777215)).toString(16); //把数字转换成16进制
if(str.length < 6)
{
str = "0" + str;
}
return str;
}
//标签实现
var aList = document.getElementById("wrap").getElementsByTagName("a");
var i = 0;
var len = aList.length;
for(i;i<len;i++)
{
aList[i].className = "color"+rand(5); //生成随机类名
aList[i].style.fontSize = rand(12)+12+"px"; //随机字号
aList[i].style.color = "#"+randomColor();
aList[i].onmouseover = function()
{
this.style.background = "#"+randomColor();
}
aList[i].onmouseout = function()
{
this.style.background = "";
}
}
</script>
</body>
</html>

[Java学习] JavaScript实现的随机色标签云相关推荐

html页面文字随机效果,教你用javascript实现随机标签云效果_附代码
标签云是一套相关的标签以及与此相应的权重.典型的标签云有30至150个标签.权重影响使用的字体大小或其他视觉效果.同时,直方图或饼图表是最常用的代表约12种不同的权数.因此,标签云彩能代表更多的权,尽 ...
30个深度学习库：按Python、C++、Java、JavaScript、R等10种语言分类
30个深度学习库:按Python.C++.Java.JavaScript.R等10种语言分类包括 Python.C++.Java.JavaScript.R.Haskell等在内的一系列编程语言的深度 ...
java中table是什么标签_[Java教程]javascript格式化table标签内容
[Java教程]javascript格式化table标签内容 0 2015-07-12 20:00:08 项目中遇到这样的需求,一大段文章正文的html代码在手机中显示不全,原因是由于其它有table ...
为啥我从后台查到的值在页面显示的是undefined_【java笔记】046天，作购物车页面，学习JavaScript...
今天是学习java 的第46天,今天先是完成了购物车页面的简单制作,然后是开始学习JavaScript的知识. html+css 只是可以实现静态的页面无法实现动态的效果 : 购物车页面的制作: 效果 ...
学习笔记——JAVA执行javascript
java执行javascript Rhion引擎 package study;import java.io.FileNotFoundException; import java.io.FileRead ...
Java学习笔记-Day43 HTML标签
Java学习笔记-Day43 HTML标签一.布局标签 1.p标签 2.div标签 3.span标签二.列表标签 1.有序列表 2.无序列表 3.自定义列表三.文本标签 1.内联型文本标签 2. ...
Json学习总结（1）——Java和JavaScript中使用Json方法大全
2019独角兽企业重金招聘Python工程师标准>>> 摘要:JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式.它基于ECMAScript ...
工作日记：JavaScript生成随机色
不多啰啰,直接上硬货! /*** 获取指定闭区间的随机数* @param min 最小值* @param max 最大值* @returns {number}*/ export function ge ...
js生成rgb随机色（JavaScript函数生成rgb随即色）
定义函数方法方便调用: function choseRgb() {// Math.random是生成0-1之间的随机数 *256 的范围就变成0.xx-255.7// Math.floor 向下取整 ...

[Java学习] JavaScript实现的随机色标签云

[Java学习] JavaScript实现的随机色标签云相关推荐

最新文章

热门文章