关于鼠标进入、离开、点击事件的问题_html/css_WEB-ITnose

      	 		 			首页		 	 	 		 			关于		 	 	 		 			案例		 	 	 		 			开发		 											 	 		 			流程		 	 	 		 			联系方式		 	   

例如以上代码，我想让鼠标移动到元素上的时候 背景和字体颜色会变。离开时也会变。点击元素之后背景和字体颜色改变，离开之后不再触发鼠标离开时事件。以后我鼠标移在另外元素上，该元素背景和字体颜色也会变，而前次点击过的元素背景和颜色不变。点击另外元素则前次点击过的元素背景和颜色改变，本次点击的元素背景和颜色也改变

回复讨论(解决方案)

样式定在a标签上

a {color:blue;}
a:hover {color:red;}
a:active {color:yellow;}

样式定在a标签上

a {color:blue;}
a:hover {color:red;}
a:active {color:yellow;}

首先谢谢你的回答~
但是我的想法是结合 JS和CSS 通过onClick，onmouseout，onmouseove事件来处理。希望能帮助到我~
谢谢~

                             首页                                        关于                                        案例                                        开发                                                                                 流程                                        联系方式                  span{background:#ccc;}  span.hover{background:#f00;}  span.active{background:#f0f;}    $('span').hover(function(){$(this).addClass('hover')},function(){$(this).removeClass('hover')}).mousedown(function(){$(this).addClass('active')},function(){$(this).removeClass('active')})  

样式
a {color:blue;}
a:hover {color:red;}
a:active {color:yellow;}
事件onmouseove，onmouseout，onClick

查看更多关于关于鼠标进入、离开、点击事件的问题_html/css_WEB-ITnose的详细内容...