博客园侧边栏修改随笔分类为3D样式
美化博客园页面
博客园侧边栏修改"随笔分类"样式,把以下代码放置博客侧边栏公告中
<!--云标签-->
<script src="https://files.cnblogs.com/mmzs/jquery.engine3D.js" type="text/javascript" charset="utf-8"></script>
<script src="https://files.cnblogs.com/mmzs/jquery.particlePhysics.js" type="text/javascript" charset="utf-8"></script>
<script src="https://files.cnblogs.com/mmzs/jquery.starfieldTagCloud.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
jQuery(document).ready(function() {
//注意:这里是用的随笔分类做例子,你自己可以根据你自己情况任意设定。
$(".catListPostCategory>ul").wrap("<div class='wrap'></div>").parent().css({ 'width': '100%', 'height': '239' });
var options = {
"range": [-200, 300],
"gravity": -10,
"xPos": 0.5,
"yPos": 0.5,
"gravityVector": [0, 0, 1],
"interval": 100,
"hoverGravityFactor": 0
};
jQuery("div.wrap").starfieldTagCloud(options);
});
</script>
效果如下:
然后就看自己美美的随笔分类样式吧!
![](https://www.cnblogs.com/images/cnblogs_com/luoyan01/1311964/t_webwxgetmsgimg.jpg)
![](https://www.cnblogs.com/images/cnblogs_com/luoyan01/1311964/t_qq.jpg)