zoom:
90
初始的缩放度
min_zoom:
25
max_zoom:
120
zoom_factor:
2
-
鼠标滚轮的缩放速度
rotate_factor:
-0.45
-
鼠标移动时球体旋转的数量。正数将反向旋转
fps:
10
-
定义每秒动画更新的次数
centrex:
250
-
在container
div中水平方向旋转中心
centrey:
250
在container
div中垂直方向旋转中心
min_font_size:
12
max_font_size:
32
font_units:
'px'
random_points:
50
-
添加一些随机的点到球体来提高效果
foreground_colour:
#fff
-
接受的格式为：
#333
#0A0A0A
和
rgb(n,n,n)
background_colour:
rgb(0,0,0)
-
不能使用颜色名字
Javascript代码：
复制代码
代码如下:
$('.tags').tagcloud()
演示中的代码如下：
复制代码
代码如下:
$(function(){
$('#ts1').tagcloud({centrex:250,
centrey:250,
init_motion_x:10,
init_motion_y:10})
})
HTML标签：
复制代码
代码如下:
<div
id="ts1"
style="width:500px
height:500px
background-color:#000">
<ul>
<li><a
href="http://www.gbin1.com/technology/html"
style="color:#f00"
rel="20">HTML</a></li>
<li><a
href="http://www.gbin1.com/technology/css"
rel="15">CSS</a></li>
<li><a
href="http://www.gbin1.com/technology/javascript"
rel="10">Javascript</a></li>
<li><a
href="http://www.gbin1.com/technology/jquery"
rel="5">jQuery</a></li>
<li><a
href="http://www.gbin1.com/technology/jquerynews"
rel="1">jQuery
plugin</a></li>
<li><a
href="http://www.gbin1.com/technology/jquerytutorial"
rel="5">jQuery
tutorial</a></li>
<li><a
href="http://www.gbin1.com/technology/jqueryhowto"
rel="10">jQuery
howto</a></li>
<li><a
href="http://www.gbin1.com/technology/jqueryplugins"
rel="15">jQuery
plugins</a></li>
<li><a
href="http://www.gbin1.com/technology/jquerymobile"
style="color:#f00"
rel="20">jQuery
mobile</a></li>
<li><a
href="http://www.gbin1.com/technology/javautilities"
rel="15">java</a></li>
<li><a
href="http://www.gbin1.com/technology/seo"
rel="10">SEO</a></li>
<li><a
href="http://www.gbin1.com/technology/onlinequiz"
rel="5">Quiz</a></li>
<li><a
href="http://www.gbin1.com/internet/news"
rel="1">News</a></li>
<li><a
href="http://www.gbin1.com/internet/people"
rel="5">People</a></li>
<li><a
href="http://www.gbin1.com/internet/mobile"
rel="10">Mobile</a></li>
<li><a
href="http://www.gbin1.com/tools/photoshop"
rel="15">Photoshop</a></li>
<li><a
href="http://www.gbin1.com/tools/design"
style="color:#f00"
rel="20">Design</a></li>
</ul>
</div>
var anElement = $("#someElement")anElement.attr("anyAttribute","anyValue")// 这段代码可以给ID为someElement的元素增加属性anyAttribute 属性值为anyValue// 属性名字随便写都可以 想写什么都行 如果属性名字存在会修改里面的值 否则就新加属性jquery *** 作html标签的方法非常多，小编在这里总结一下。
首先，引入jquery，jquery下载地址在文章末尾的相关链接给出，这是运用jquery的第一步，也是必不可少的一步！
代码如下：
<head>
<script src="jquery.js"></script>
</head>
当然，你也可以不下载，直接引用。
代码如下：
<head>
<script src="/jquery/1.8.0/jquery.min.js"></script>
</head>
注意jquery的版本，及时更新。
接下来介绍jquery的第一种 *** 作html标签的方法。
1. *** 作已经存在的html标签的属性！
这就需要用到一个非常强大的函数attr()
函数写法：
var ss=$("HTML标签的ID").attr("想要获得的属性")
这样准确ID的HTML标签的指定属性的值就会赋给变量ss。
例如：var ss=$("#id").attr("value")
当然还可以给准确ID的HTML标签的指定属性赋值。
函数写法：
$("HTML标签的ID").attr("想要改变的属性","改变的值")
例如：$("#id").attr("class","aaa")
这样可以将ID为"id"的HTML标签的class改为aaa.
利用这个函数更改HTML标签的类或ID，配合样式表可以做出非常炫的动态效果！
贴上样例图：
2.jquery向指定位置添加不存在的HTML标签！
这次需要的函数是append()或appendto()
有很多人搞不起这两个函数的区别，稍后会讲明。
函数写法：
$("HTML标签的ID").append("完整的HTML标签")
例如：$("#id").append("<input type='text' value=' ' id='aa' />")
HTML标签的ID是为了定位添加的HTML标签，添加的HTML标签将会出现于指定ID标签的后面！注意控制排版！
贴上样例图：
接下来介绍appendto()的用法以及它和append()的区别！
函数写法：
$("完整的HTML标签").appendto("HTML标签的ID")
例如：$("<input type='text' value=' ' id='aa' />").append("#id")
这样也可以达到与append()的相同效果，至于区别，也许你已经发现了，区别就是前后两个括号的内容反过来了，先填写HTML标签，再写指定元素ID。
但是即使这样写，添加的HTML标签仍会出现于指定ID标签的后面！
这个就不贴样例图了。
*** 作HTML的函数还有很多，比如图中提到的CSS（）。
这是 *** 作指定属性的。用attr()也可以做到，所以就不再介绍。
这里贴上一张jquery *** 作HTML的方法汇总图。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）