国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 網站 > WEB開發 > 正文

標簽球-Js插件

2024-04-27 15:01:49
字體:
來源:轉載
供稿:網友

今天上學校的圖書館,看到了一個好玩的東西,特意百度了下,發現叫做“標簽球”,效果圖為:

直接代碼如下:

#div1 {position:relative; width:350px; height:350px; border:1px solid #000; margin: 20px auto 0; }#div1 a {position:absolute; top:0px; left:0px; font-family: Microsoft YaHei; color:#000; font-weight:bold; text-decoration:none; padding: 3px 6px; }#div1 a:hover {border: 1px solid #eee; background: #FFF; }#div1 .blue {color:blue;}#div1 .red {color:red;}#div1 .green {color:green;}
<div id="div1">    <a href="#">標簽云</a>    <a href="#" class="red">php</a>    <a href="#">瀑布流</a>    <a href="#">Tab</a>    <a href="#" class="blue">流體布局</a>    <a href="#">SEO</a>    <a href="#" class="red">彩蛋</a>    <a href="#" class="green">javaScript</a>    <a href="#">miaov</a>    <a href="#" class="red">CSS</a>    <a href="#">asp.net</a>    <a href="#" class="blue">藍色經典</a>    <a href="#">OOP</a>    <a href="#" class="red">Android</a>    <a href="#" class="blue">妙味茶館</a>    <a href="#">dialog</a>    <a href="#" class="blue">淘客</a>    <a href="#">Pin</a>    <a href="#">微博</a>    <a href="#" class="green">IPhone</a></div>
 $(document).ready(function() {    $("#div1").windstagball({            radius:120,            speed:10        });    });
  1. 首先得寫好布局,最外層div樣式position設置為relative
  2. 內層元素position為absolute,這樣才能形成效果,top為0,left為0
  3. 先導入jquery文件,再導入相應的插件文件
  4. 獲取$("#xxx")元素,并調用windstagball()函數,radius是標簽球的變徑大小,speed顧名思義就是運動的速度。

Demo:http://www.miaov.com/miaov_demo/3dLable/miaov_demo.html


發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 兴业县| 油尖旺区| 黎川县| 大邑县| 利津县| 肇源县| 定结县| 开江县| 运城市| 菏泽市| 大关县| 武邑县| 聂拉木县| 桃江县| 虞城县| 北川| 芜湖县| 阿瓦提县| 和林格尔县| 手游| 景德镇市| 五峰| 高要市| 昌黎县| 商水县| 富川| 石门县| 平定县| 彰武县| 边坝县| 公主岭市| 邵阳市| 河间市| 成安县| 婺源县| 鄂州市| 察雅县| 彭州市| 黄浦区| 蓬安县| 通辽市|