文档章节

随机色云标签

墨飞2015
 墨飞2015
发布于 2015/03/13 18:25
字数 233
阅读 70
收藏 6

<!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>

</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>

<script type="text/javascript">


//随机方法

function rand(num)

{

return parseInt(Math.random()*num+1);

}


//随机颜色值

function randomColor()

{

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>


© 著作权归作者所有

墨飞2015
粉丝 2
博文 22
码字总数 5150
作品 0
昌平
私信 提问
wordpress主题实现彩色标签云效果

怎样不用插件在wordpress中实现彩色标签云效果?使用wordpress的朋友大多都喜欢用插件来实现彩色标签云的效果,这样是比较方便,但是,如果插件用多了,会对系统产生拖累。所以,我这里跟大家...

hero2019
2018/07/04
53
0
Canvas 进阶(三)ts + canvas 重写”辨色“小游戏

1. 背景 之前写过一篇文章 ES6 手写一个“辨色”小游戏, 感觉好玩挺不错。岂料评论区大神频出,其中有人指出,打开控制台,输入以下代码: 即可破解,分数蹭蹭上涨,这不就是bug吗?同时评论...

suporka
07/08
0
0
DedeCms织梦彩色标签云(tag)随机颜色和字体大小

1、选择你所要加页面的模板,一般是在首页index.htm 加上如下代码 <!-- /下面开始tag标签云 --> <dlclass="tbox light"> <dt><strong>Tags标签云</strong></dt> <dd>{dede:tag row='45'geta......

汤圆
2013/01/15
62
0
所见即所得,实现一个有趣的动画效果

我看到了什么 在看淘宝前端团队的博客的时候,无意中点进了关于我们这个页面,其中有个动画我觉得很有趣,也很通用,感觉在哪里都可以使用一样,效果如下图所示: 每次刷新的头像和‘You’的...

shiyangzhaoa
2017/10/16
0
0
FLEX3中应用CSS完全详解手册!

编辑完这个FLEX下的CSS说明后,我基本已经兵临崩溃边缘了。在些天在AIRIA下了不少好东西,今天终于有空,也发一个比较不错的东西给大家,相信都比较需要这个FLEX下的CSS使用方法的详细说明(...

bigYuan
2012/03/17
164
0

没有更多内容

加载失败,请刷新页面

加载更多

golang-字符串-地址分析

demo package mainimport "fmt"func main() {str := "map.baidu.com"fmt.Println(&str, str)str = str[0:5]fmt.Println(&str, str)str = "abc"fmt.Println(&s......

李琼涛
今天
4
0
Spring Boot WebFlux 增删改查完整实战 demo

03:WebFlux Web CRUD 实践 前言 上一篇基于功能性端点去创建一个简单服务,实现了 Hello 。这一篇用 Spring Boot WebFlux 的注解控制层技术创建一个 CRUD WebFlux 应用,让开发更方便。这里...

泥瓦匠BYSocket
今天
6
0
从0开始学FreeRTOS-(列表与列表项)-3

FreeRTOS列表&列表项的源码解读 第一次看列表与列表项的时候,感觉很像是链表,虽然我自己的链表也不太会,但是就是感觉很像。 在FreeRTOS中,列表与列表项使用得非常多,是FreeRTOS的一个数...

杰杰1号
今天
8
0
Java反射

Java 反射 反射是框架设计的灵魂(使用的前提条件:必须先得到代表的字节码的 Class,Class 类 用于表示.class 文件(字节码)) 一、反射的概述 定义:JAVA 反射机制是在运行状态中,对于任...

zzz1122334
今天
6
0
聊聊nacos的LocalConfigInfoProcessor

序 本文主要研究一下nacos的LocalConfigInfoProcessor LocalConfigInfoProcessor nacos-1.1.3/client/src/main/java/com/alibaba/nacos/client/config/impl/LocalConfigInfoProcessor.java p......

go4it
昨天
9
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部