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

  1.      

登录后复制首页关于案例开发流程联系方式

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

回复讨论(解决方案)

样式定在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事件来处理。希望能帮助到我~
谢谢~

  1.  

登录后复制                        首页                                    关于                                    案例                                    开发                                                                             流程                                    联系方式             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

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。

点点赞赏,手留余香

给TA打赏
共0人
还没有人赞赏,快来当第一个赞赏的人吧!
    编程技术

    表格制作问题_html/css_WEB-ITnose

    2025-3-29 12:00:06

    编程技术

    ul li 里面嵌套 ol li ,为甚么不能够在同一行显示_html/css_WEB-ITnose

    2025-3-29 12:01:09

    0 条回复 A文章作者 M管理员
    欢迎您,新朋友,感谢参与互动!
      暂无讨论,说说你的看法吧
    个人中心
    购物车
    优惠劵
    今日签到
    私信列表
    搜索