jquery wordbox实现文字云标签随机方块拼凑效果代码

代码语言:html

所属分类:布局界面

代码描述:jquery wordbox实现文字云标签随机方块拼凑效果代码

代码标签: jquery wordbox 文字云 标签 随机 方块 拼凑

下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开

<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">

    <style>
        * {
	margin:0;
	padding:0;
	border:0
}
.wordbox {
	position:relative
}
.box {
	position:absolute;
	text-align:center;
	word-wrap:break-word;
	overflow:hidden;
	border:1px solid rgb(255 255 255 / .6);
	transition-duration:.6s,.6s;
	transition-property:background-color,color;
	transition-timing-function:ease,ease
}
.box:hover {
	opacity:.6
}
.box a {
	color:#fff;
	text-decoration:none;
	display:inline-block;
	width:100%;
	height:100%
}

    </style>
<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/jquery-3.2.1.min.js"></script>
<script type="text/javascript" .........完整代码请登录后点击上方下载按钮下载查看

网友评论0