首页 > 代码库 > Python jquery标签云

Python jquery标签云

2024-08-16 06:00:33   216人阅读

很多知名博主都喜欢弄个标签云。今天特地看了下源码。把标签云的方法单独扣了出来。这里做一下记录

html页面代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>js标签云</title>
<meta name="description" content="js代码制作标签云球状3D旋转展示，通过鼠标滑过标签感应来进行3D旋转效果."/>
</head>
<body>

<style type="text/css">
*{margin:0;padding:0;list-style-type:none;}
a,img{border:0;}
body{background:#09c;}
/* rotate */
#rotate{height:400px;width:450px;position:relative;margin:10px auto;}
#rotate a{position:absolute;top:0px;left:0px;color:#fff;font-weight:bold;padding:3px 6px;font-size:14px;}
#rotate a:hover{border:1px solid #eee;background:#000;border-radius:5px;}
</style>

<script type="text/javascript" src="http://www.mamicode.com/C:/Users/fujinzhou/Downloads/rotate.js"></script>

<!-- 标签内容 --> 
<div id="rotate">
	<a href="http://www.17sucai.com" target="_blank">php</a>
	<a href="http://www.17sucai.com" target="_blank">python</a>
	<a href="http://www.17sucai.com" target="_blank">java</a>
	<a href="http://www.17sucai.com" target="_blank">c</a>
	<a href="http://www.17sucai.com" target="_blank">lua</a>
	<a href="http://www.17sucai.com" target="_blank">linux</a>
	<a href="http://www.17sucai.com" target="_blank">apache</a>
	<a href="http://www.17sucai.com" target="_blank">Mysql</a>

</div>
<!-- 结束 -->

</body>
</html>

效果图

技术分享

js上传在了附件

本文出自 “不抛弃！不放弃” 博客，请务必保留此出处http://thedream.blog.51cto.com/6427769/1860276

Python jquery标签云


联系
我们