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

首頁 > 開發(fā) > CSS > 正文

一款超酷的js+css3實(shí)現(xiàn)的3D標(biāo)簽云特效兼容ie7/8/9

2024-07-11 08:28:00
字體：大 中 小
供稿：網(wǎng)友

今天給大家?guī)硪豢畛岬膉s+css3實(shí)現(xiàn)的3D標(biāo)簽云特效，

看慣了flash的，來試試這個(gè)吧。

ie7，8，9兼容哦~

html如下：

復(fù)制代碼
代碼如下:
<!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=gb2312" />
<meta http-equiv="X-UA-Compatible" content="IE=7" />
<title>超酷的js+css3實(shí)現(xiàn)的3D標(biāo)簽云特效,前端愛好者www.250ba.com</title>
<style>
body{ font-family:"微軟雅黑", Arial, sans-serif;} #main{border:none; background:none;}
body,ul,li,h1,h2,h3,p,form{margin:0;padding:0;}body{background:#fbfbfb;color:#444;font-size:14px;}</p><p>a{color:#444;text-decoration:none;}a:hover{color:red;}</p><p>#tagscloud{width:240px;height:250px;position:relative;font-size:12px;color:#333;margin:20px auto 0;text-align:center;}
#tagscloud a{position:absolute;top:0px;left:0px;color:#333;font-family:Arial;text-decoration:none;}
#tagscloud a:hover{color:#fff;padding:5px;display:block;background:#D02F53;}
#tagscloud a.tagc1{margin:0 10px 15px 0;line-height:18px;width:65px;text-align:center;font-size:12px;padding:1px 5px;white-space:nowrap;display:inline-block;border-radius:3px;background:#666;color:#fff;}
#tagscloud a.tagc2{margin:0 10px 15px 0;line-height:18px;width:60px;text-align:center;font-size:12px;padding:1px 5px;white-space:nowrap;display:inline-block;border-radius:3px;background:#F16E50;color:#fff;}
#tagscloud a.tagc5{margin:0 10px 15px 0;line-height:18px;width:70px;text-align:center;font-size:12px;padding:1px 5px;white-space:nowrap;display:inline-block;border-radius:3px;background:#006633;color:#fff;}
</style>
</head>
<body>
<center>
<div style="font-size:15px; font-weight:bold; text-align:center; line-height:25px;">超酷的js+css3實(shí)現(xiàn)的3D標(biāo)簽云特效
</center>
<div id="tagscloud">
<a href="#" class="tagc1" title="星級(jí)評(píng)分">星級(jí)評(píng)分(2)</a>
<a href="#" class="tagc2" title="層特效">層特效(34)</a>
<a href="#" class="tagc5" title="關(guān)鍵字">關(guān)鍵字(8)</a>
<a href="#" class="tagc2" title="拖拽">拖拽(5)</a>
<a href="#"" class="tagc2" title="分頁插件">分頁插件(6)</a>
<a href="#" class="tagc1" title="時(shí)間插件">時(shí)間插件(9)</a>
<a href="#" class="tagc2" title="彈出層">彈出層(60)</a>
<a href="#" class="tagc5" title="數(shù)據(jù)統(tǒng)計(jì)">數(shù)據(jù)統(tǒng)計(jì)(2)</a>
<a href="#" class="tagc2" title="HTML5">HTML5(12)</a>
<a href="#" class="tagc2" title="置頂特效">置頂特效(5)</a>
<a href="#" class="tagc5" title="選項(xiàng)卡">選項(xiàng)卡(23)</a>
<a href="#" class="tagc2" title="導(dǎo)航菜單">導(dǎo)航菜單(31)</a>
<a href="#" class="tagc1" title="原創(chuàng)作品">原創(chuàng)作品(3)</a>
<a href="#" class="tagc2" title="動(dòng)畫插件">動(dòng)畫插件(15)</a>
<a href="#" class="tagc5" title="實(shí)用特效">實(shí)用特效(47)</a>
<a href="#" class="tagc2" title="table插件">table插件(1)</a>
<a href="#" class="tagc2" title="文字特效">文字特效(20)</a>
<a href="#" class="tagc5" title="圖片特效">圖片特效(61)</a>
<a href="#" class="tagc1" title="在線客服">在線客服(4)</a>
<a href="#" class="tagc2" title="瀑布流">瀑布流(10)</a>
<a href="#" class="tagc5" title="網(wǎng)友蘑菇">網(wǎng)友蘑菇(0)</a>
<a href="#" class="tagc2" title="網(wǎng)友嘿嘿">網(wǎng)友嘿嘿(3)</a>
<a href="#" class="tagc2" title="前端工具">前端工具(4)</a>
<a href="#" class="tagc2" title="網(wǎng)友Adam">網(wǎng)友Adam(15)</a>
<a href="#" class="tagc1" title="三級(jí)聯(lián)動(dòng)">三級(jí)聯(lián)動(dòng)(21)</a>
<a href="#" class="tagc2" title="顏色插件">顏色插件(4)</a>
<a href="#" class="tagc5" title="向?qū)匦?>向?qū)匦?2)</a>
<a href="#" class="tagc2" title="自動(dòng)補(bǔ)全">自動(dòng)補(bǔ)全(5)</a>
<a href="#" class="tagc1" title="滾動(dòng)特效">滾動(dòng)特效(22)</a>
<a href="#" class="tagc5" title="提示插件">提示插件(24)</a>
</div></p><p><script src='tagscloud.js' language='javascript'></script>
</body>
</html>

發(fā)表評(píng)論 共有條評(píng)論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板： 泸定县| 札达县| 荆州市| 星子县| 台中市| 梁河县| 福鼎市| 芜湖市| 东明县| 固原市| 逊克县| 华蓥市| 安岳县| 灵宝市| 屏南县| 甘德县| 察雅县| 雷山县| 荆门市| 宝鸡市| 黄大仙区| 包头市| 渭南市| 阿荣旗| 富阳市| 会东县| 丹凤县| 德格县| 周口市| 合江县| 伊通| 神木县| 洛隆县| 泗水县| 宁德市| 邻水| 惠州市| 赤水市| 渝北区| 久治县| 赤水市|