如何用css实现鼠标移入时与鼠标移出时颜色相同,不使用js,,,急用,谢谢啊!

html-css09

如何用css实现鼠标移入时与鼠标移出时颜色相同,不使用js,,,急用,谢谢啊!,第1张

1、新建一个html文件,命名为test.html。

2、在test.html文件中,使用div标签创建一个模块,并设置其id属性为tid,下面将通过该id设置其css样式。

3、在css标签内,对div进行样式设置,使用width属性设置div的宽度为200px,使用height属性设置div的宽度为20px,使用background属性设置div的背景颜色为红色。

4、在css标签内,再定义一个类名为newbg的样式,使用background属性设置背景颜色为黄色。

5、在test.html文件中,给div绑定onmouseover鼠标移动事件,当鼠标移动至div时,执行myfun()函数。

6、在test.html文件中,在js标签内,创建一个myfun()函数,在函数内,使用getElementById()获得div对象,通过className(newbg)设置div的新背景颜色。

jQuery 使用addClass()与removeClass()来动态的添加或移出一个css 类,例如:

1.$(“#para1”).addClass('highlight')添加一个“highlight”css 类给id为para1的元素。

2.$(‘#para1’).removeClass(‘'highlight')从id为para1的元素中移出一个‘highlight’css类。

可以给这几个id不同额id值啊,这样如果你使用id选择器的话就不会影响到这些id了容器了,或者可以给这些id加入另外的class类,以覆盖你的id选择器的内容,不过一定要确保你的class类的优先级。这样就ok了,