• 懒鸟飞:精品网站源码、帝国cms模板专业分享平台

织梦添加3D标签云代码

这次说一下在织梦系统中添加3D标签云。样式如下图,鼠标滑过,标签就不停滚动。

其实做成这样的效果也很简单,详细做法如下:


1、新建miaov_style.css ,放到templets/default/style下,内容如下。

#div1 {
POSITION: relative; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; WIDTH: 230px; HEIGHT: 250px;
BACKGROUND:   #000000 no-repeat center 230px;
}
#div1 A {
POSITION: absolute; PADDING-BOTTOM: 3px; PADDING-LEFT: 6px; PADDING-RIGHT: 6px; FONT-FAMILY: Microsoft YaHei; COLOR: #fff; TOP: 0px; FONT-WEIGHT: bold; TEXT-DECORATION: none; PADDING-TOP: 3px; LEFT: 0px
}
#div1 A:hover {
BORDER-BOTTOM: #eee 1px solid; BORDER-LEFT: #eee 1px solid; BACKGROUND: #000; BORDER-TOP: #eee 1px solid; BORDER-RIGHT: #eee 1px solid
}
#div1 .blue {
COLOR: blue
}
#div1 .red {
COLOR: red
}
#div1 .yellow {
COLOR: yellow
}


 
QQ在线咨询
QQ客服
淘宝官网