前端开发

 首页 > 前端开发 > javascript > JavaScript实现的圆形浮动标签云效果实例

JavaScript实现的圆形浮动标签云效果实例

分享到:
【字体:
导读:
          本教程讲述了JavaScript实现的圆形浮动标签云效果。具体如下: 这里介绍的JS标签云效果,在鼠标的作用下会自动转动,整体上围绕成一个圆形,各个标签之间无需Div代码,直接文字+链...

本教程讲述了JavaScript实现的圆形浮动标签云效果。具体如下:

这里介绍的JS标签云效果,在鼠标的作用下会自动转动,整体上围绕成一个圆形,各个标签之间无需Div代码,直接文字+链接的形式,有多少就显示多少,JavaScript会自动调整显示数量,让视觉效果最佳。

运行效果如下图所示:

具体代码如下:





js关键字球状旋转效果


var radius = 150;
var dtr = Math.PI/180;
var d=300;
var mcList = [];
var active = false;
var lasta = 1;
var lastb = 1;
var distr = true;
var tspeed=2;
var size=250;
var mouseX=0;
var mouseY=0;
var howElliptical=1;
var aA=null;
var oDiv=null;
window.onload=function ()
{
 var i=0;
 var oTag=null;
 oDiv=document.getElementById('div1');
 aA=oDiv.getElementsByTagName('a');
 for(i=0;ivItem2.cz)
   {
    return -1;
   }
   else if(vItem1.cz


 

起名取名
宣传策划
网游试玩
短信表白
外语翻译
产品推广
网络营销
动漫设计
招聘求职
家居装修
影视创作
照片美化
产品设计
包装设计
Logo设计
海报设计
程序开发
网站开发
配音配词
产品推广
网络营销
动漫设计
家居装修
影视创作
照片美化

适用浏览器:IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗. 

分享到:
javascript跨域方法问题解决办法大全
本教程讲解javascript跨域方法问题解决办法大全 javascript跨域访问是web开发者经常遇到的问题,什么是跨域,一个域上加载的脚本获取或操作另一个域上的文档属性,下面将列出三种实现javascript跨域方法: 1.基于iframe实现跨域  基于iframe实现的跨域要求两个域具有aa.xx.com,bb.xx.com这种特点,也就是两个页面必须属于...
requestAnimationFrame高性能实现js动画
本教程讲解requestAnimationFrame高性能实现js动画 使用requestAnimationFrame实现js动画性能好。先给大家简单介绍下requestAnimationFrame比起setTimeout、setInterval有哪些优势? 示例一: requestAnimationFrame 比起 setTimeout、setInterval的优势主要有两点:1、requestAnimationFrame 会把每一帧中的所有DOM操作集...
  •         php迷,一个php技术的分享社区,专属您自己的技术摘抄本、收藏夹。
  • 在这里……