如何用css实现网页的动态效果

html-css037

如何用css实现网页的动态效果,第1张

网页的动态效果你说的这里的动态效果是让一个画面或者文字动一下吧?因为在专业里边动态是与数据库连接的后台的技术。

css是层叠样式表,是不能够实现动态效果的。但是可以让某个画面动,比如:

一个文字点击的时候,变大的css代码为:

a{font-size:12px}      /*这里文字默认大小是12像素*/

a:hover{font-size:14px}      /*这里鼠标经过大小是14像素*/

上边这个简单的代码就实现鼠标经过a的时候,文字变大,离开又恢复。

希望能帮到你

css是控制style的,不能对HTML中的节点进行操作的。

如果你一定要用css来加入一个div(或许你整个站点中只能修改css文件)

只有一个办法可以试试

那就是试用css中的expression来加入javascript代码。

虽然它不符合W3C的标准,但是现在绝大部分浏览器还是支持的。

至于具体是试用方法你可以网上找一下,有很多

你在CSS中设置两个定义:

.dy1 {font-size: 12px}

.dy1 a {font-size: 12pxtext-decoration: none}

.dy1 a:hover {font-size: 12px}

上面的是不加粗显示没下划线,鼠标经过有下划线效果

.dy2 {font-size: 12px}

.dy2 a {font-size: 12pxtext-decoration: none}

.dy2 a:hover {font-size: 12pxfont-weight: bold}

上面的是加粗显示没下划线,鼠标经过有下划线效果

你用到层里面去的时候可以这样调用

<div class="dy1"><a href="#">效果1</a></div>

<div class="dy2"><a href="#">效果2</a></div>

这样就不用多个CSS文件了