如何动态设置CSS样式

html-css013

如何动态设置CSS样式,第1张

之前在论坛上面看到论坛后台可以把所有页面的标题,内容,字体,背景,颜色等css属性都列出来了,并且可以随意重新设置,保存以后前台页面就可以根据设置动态的更新显示了,之前就有了一点想法,做了一个demo.jsp,然后在这个页面引入一个style.css样式文件,并且在这个样式文件中定义了一些属性,然后定义了一个java类来对应样式文件的属性

这个情况应该直接用CLONE,如果对象体几乎一致的情况下。

相当于某个原型的复制。

或者你也可以这样,因为你是用function来定义生成DOM,你可以将步骤函数话,在创建的时候调用相同的函数。

我大概能理解,你是希望动态建立一个跟之前类似的层,可能层的样式还是不固定的,但是你无法用JS来动态创建类样式。

所以我觉得你将定义样式的步骤函数化可能会容易一些。

今天学习一个炫酷的小技能,纯纯css实现动态图标,hover之后静止在某一个图标。

Demo效果如下:

到这里我们的 HTML 文件就全部写完啦

这时候我们就可以得到一个图片的效果。

这里小图标总共有 11 张,相互之间的变化就是 10 步,所以动画设置如下

这样就得到了一个无限循环的逐帧动画

这样下来,默认就不会动了,然后在hover的时候“运行”就行了