专栏首页python3Python jquery标签云

Python jquery标签云

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

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="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上传在了附件

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 前端资源(3)

    前端入门教程                         http://www.cnblogs.com/jikey/p/3613082.html

    py3study
  • Python3中request模块访问网

    在python3中我们使用request模块访问一个网页,可以选择对文件的读写或者urllib.request.urlretrieve()方法将我们浏览的页面保...

    py3study
  • 3D盒子动画

    ---------------------------------------------------------

    py3study
  • RabbitMQ 一二事 - 简单队列使用

    消息队列目前流行的有三种 1. RabbitMQ 2. ActiveMQ 3. Kafka 这三种都非常强大,RabbitMQ目前用的比较多,也比较流行,阿里也...

    风间影月
  • 你的布局设定方法靠谱吗?

    本文不适合采用天才设计(Genius Design)方法的人士。 有一种“奇怪的”现象会经常的看到“很多设计师没有办法清楚的跟其他人解释他们是如何设计的,越细致...

    前朝楚水
  • 你的布局设定方法靠谱吗? - 腾讯ISUX

    腾讯ISUX
  • 【渗透技巧】资产探测与信息收集

    另外,随着企业内部业务的不断壮大,各种业务平台和管理系统越来越多,很多单位往往存在着“隐形资产”,这些“隐形资产”通常被管理员所遗忘,长时间无人维护,导致存在较...

    Bypass
  • 网络营销、网络推广必备工具网站大全

    作为一个网络营销人员,如果我们不会借助工具来帮助我们提高网络营销推广效率,就太悲剧了,下面为各位朋友带来了16个牛逼的营销推广站点,也许你不常见到,但是真的很有...

    用户4831957
  • 【干货】深度学习全网最全学习资料汇总之模型介绍篇

    【AI研习社】关注AI前沿、开发技巧及技术教程等方面的内容。欢迎技术开发类文章、视频教程等内容投稿,邮件发送至:zhangxian@leiphone.com ...

    AI研习社
  • 【推荐收藏】倾心整理的Python量化资源大合集

    随着Python编程语言的流行和普及,越来越多人对如何应用Python做金融数据分析和量化交易充满兴趣。但是不少人对量化投资本身存在一定的误解或认识不清,有的人...

    量化小白

扫码关注云+社区

领取腾讯云代金券