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

html-css010

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

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

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

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

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

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

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

希望能帮到你

你说所的效果,几乎都是用hover触发做出来的,所以ie6几乎做不出来这个效果。

比如<li><img class=pic1 src="test.jpg" /><img class=pic2 src="test2.jpg" /></li>

<style>

.pic2{display:none}

li:hover .pic2{display:block}

</style>

设置pic2为隐藏,当鼠标触发li:hover属性时设置其为可见就行了。