<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> Tag Cloud </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<!-- <link rel="stylesheet" href="style.css" type="text/css" /> -->
<script src="../jquery-1.6.1.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
var obj=$("#wrap a");
function rand(num){
return parseInt(Math.random()*num+1);
}
function randomcolor(){
var str=Math.ceil(Math.random()*16777215).toString(16);
if(str.length<6){
str="0"+str;
}
return str;
}
for(len=obj.length,i=len;i--;){
obj[i].style.left=rand(600)+"px";
obj[i].style.top=rand(400)+"px";
obj[i].className="color"+rand(5);
obj[i].style.zIndex=rand(5);
obj[i].style.fontSize=rand(12)+12+"px";
obj[i].style.color="#"+randomcolor();
}
});
</script>
</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>
</BODY>
</HTML>
分享到:
相关推荐
他可以实现你所定义的标签云像咖啡的热气一样随风飘散。你只需要在引入js后调用方法就可以了。
主要介绍了jQuery简单实现彩色云标签效果,结合实例形式分析了jQuery随机数运算与页面元素样式动态操作相关技巧,需要的朋友可以参考下
基于jQuery实现按住F5快捷键刷新随机标签云特效源码.zip
一款很稀有的jQuery+echarts上传图片生成文字标签云代码,基于echarts图表插件和jQuery实现根据图片样式生成彩色文字标签云特效,点击标签关键词还可以放大。
标签云想必大家都有见到过吧,那么3D标签云,有没有接触过呢?本例为大家介绍下通过jquery 实现的3D标签云,感兴趣的朋友可以参考下
基于Js+HTML的实现3D标签云的效果代码.zip
内容索引:脚本资源,jQuery,标签云,3D球面标签云 3d Lable JavaScript 实现3D球面标签云,是一种很炫的效果,包括百度的搜索风云榜也用了3D云标签的效果,包括现在的许多博客左侧都会常见到云标签,只不过他们都是...
词云,字符云或者叫标签云在ie8下的实现方式。做了一下改进,引用jquery1.0.4
3.jquery实现Tooltip提示(文字、链接、地图锚点),自带5种不同样式 4.jQuery实现支付宝隐藏层提示信息内容的功能 5.jquery实现鼠标划过网址名称显示网站截图功能 6.jQuery带Tips动画提示通用表单验证插件下载...
js+css3实现彩色文字标签云3d立体旋转动画特效.zip
jquery仿wp动画悬浮标签云插件 jquery倒计时广告 jquery右侧悬浮在线客服代码 jquery坐标图片框裁剪 jquery多功能树插件 jquery实现html5图片上传 jquery小火箭返回顶部 jquery左侧导航滑动网页定位效果 jQuery带...
一个很有趣的标签云兼容 IE 8亲测可用,不是基于jQuery的,所以不需要引入,下面是具体的代码实现
Jquery实现表单验证 Jquery插件100款 Jquery许愿墙实战 JS前端开发 JS经典实例 Sublime开发编辑器 SVN版本控制器 手机微信开发 手机微网站开发 无刷新上传图片和文件 Bootstrap前端框架 CSS3样式设计 HTML5网页标签 ...
实现效果: 实现效果如下图所示 ... 下面是实现代码以及详细注释,核心设置一个position为absolute的span标签,通过绑定鼠标事件,用封装好的animate动画实现span的“筋斗云”效果。 <!DOCTYPE ht
rotator-js V0.2 用JavaScript制作的简单旋转器(积云,标签云) 使用jQuery进行初始化和来自jQuery-mobile的事件以支持触摸屏。 专为简化和性能而设计。 开源@版权所有(C)2015 Ernst Johann Peterec @license ...
经典6、动画标签云网页代码 查看演示 下载插件 经典7、css3文字晃动代码 查看演示 下载插件 经典8、css3幻灯片代码 查看演示 下载插件 经典9、左右单个图片轮播滚动的jQuery代码 查看演示 下载
基于Django后端+Vue前端+阿里云数据库实现完整的书店系统源码+详细部署说明.zip 项目简介: 实现一个提供网上购书功能的网站。 网站支持书商在上面开商店,购买者可以通过网站购买。 买家和卖家都可以注册自己的...
它们不仅易于定制和扩展,还通过JavaScript和jQuery实现了丰富的交云效果,增强了用户互动性。此外,考虑到SEO优化,模板使用了语义化HTML标签和结构化数据,有助于提升网站的在线可见性。 这套源码合集尤其适合...