关于鼠标进入、离开、点击事件的问题-CSDN论坛

关于鼠标进入、离开、点击事件的问题

Web 开发 > HTML(CSS)

收藏回复

[问题点数：50分，结帖人sinat_22880711]

⋅关于二维码生成的问题 ⋅关于鼠标进入、离开、点击事件的问题 更多帖子 关注私信空间博客 耕坏的牛 等级 本版专家分：0 结帖率 50%

 

    <ul>

	<li>

		<span>

			<a href=""  >首页</a>

		</span>

	</li>

	<li>

		<span>

			<a href="">关于</a>

		</span>

	</li>

	<li>

		<span >

			<a  href="">案例</a>

		</span>

	</li>

	<li>

		<span >

			<a href="" >开发</a>

		</span>

										

	</li>

	<li>

		<span>

			<a href="">流程</a>

		</span>

	</li>

	<li>

		<span >

			<a href="">联系方式</a>

		</span>

	</li>

</ul>

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

2015-01-30 15:00:01

点赞只看楼主引用举报楼主收起

展开阅读全文

⋅用c写了个文件加密的dll，现在想用c#来实现，发现用c加密的文件c#解不出来，各位怎么解决啊 更多帖子 关注私信空间博客 rsyxh 等级 本版专家分：64029 勋章 金牌 2014年11月总版技术专家分月排行榜第一 银牌 2015年2月总版技术专家分月排行榜第二 红花 2015年2月 Web 开发大版内专家分月排行榜第一 2015年1月 Web 开发大版内专家分月排行榜第一 2014年12月 Web 开发大版内专家分月排行榜第一 2014年11月 Web 开发大版内专家分月排行榜第一 2014年10月 Web 开发大版内专家分月排行榜第一 黄花 2016年1月 Web 开发大版内专家分月排行榜第二 2015年12月 Web 开发大版内专家分月排行榜第二 2015年11月 Web 开发大版内专家分月排行榜第二 2015年10月 Web 开发大版内专家分月排行榜第二 2015年8月 Web 开发大版内专家分月排行榜第二 2015年5月 Web 开发大版内专家分月排行榜第二: 样式定在a标签上

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

2015-01-30 15:14:49

点赞 1 只看TA 引用举报 #1得分 0

⋅关于二维码生成的问题 ⋅关于鼠标进入、离开、点击事件的问题 更多帖子 关注私信空间博客 耕坏的牛 等级 本版专家分：0: 引用 1 楼 slwsss 的回复:
样式定在a标签上

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

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

2015-01-30 15:33:13

点赞只看TA 引用举报 #2得分 0

⋅用c写了个文件加密的dll，现在想用c#来实现，发现用c加密的文件c#解不出来，各位怎么解决啊 更多帖子 关注私信空间博客 rsyxh 等级 本版专家分：64029 勋章 金牌 2014年11月总版技术专家分月排行榜第一 银牌 2015年2月总版技术专家分月排行榜第二 红花 2015年2月 Web 开发大版内专家分月排行榜第一 2015年1月 Web 开发大版内专家分月排行榜第一 2014年12月 Web 开发大版内专家分月排行榜第一 2014年11月 Web 开发大版内专家分月排行榜第一 2014年10月 Web 开发大版内专家分月排行榜第一 黄花 2016年1月 Web 开发大版内专家分月排行榜第二 2015年12月 Web 开发大版内专家分月排行榜第二 2015年11月 Web 开发大版内专家分月排行榜第二 2015年10月 Web 开发大版内专家分月排行榜第二 2015年8月 Web 开发大版内专家分月排行榜第二 2015年5月 Web 开发大版内专家分月排行榜第二

<script src="//code.jquery.com/jquery-1.9.1.min.js"></script>

<ul>

    <li>

        <span>

            <a href=""  >首页</a>

        </span>

    </li>

    <li>

        <span>

            <a href="">关于</a>

        </span>

    </li>

    <li>

        <span >

            <a  href="">案例</a>

        </span>

    </li>

    <li>

        <span >

            <a href="" >开发</a>

        </span>

                                         

    </li>

    <li>

        <span>

            <a href="">流程</a>

        </span>

    </li>

    <li>

        <span >

            <a href="">联系方式</a>

        </span>

    </li>

</ul>

<style>

  span{background:#ccc;}

  span.hover{background:#f00;}

  span.active{background:#f0f;}

</style>

<script>

  $('span').hover(function(){$(this).addClass('hover')},function(){$(this).removeClass('hover')}).mousedown(function(){$(this).addClass('active')},function(){$(this).removeClass('active')})

</script>

2015-01-30 15:38:23

点赞 1 只看TA 引用举报 #3得分 40

⋅业余草的留言板

⋅程序员的朋友圈都是什么样的？你想要什么样的朋友圈？

⋅送积分了！如果再有一次机会让你选择，你还会选择程序员，选择前端吗？

更多帖子

关注私信空间博客

版主

业余草

等级

本版专家分：21322

勋章

GitHub 绑定GitHub第三方账户获取

优秀版主 2015年8月优秀小版主
2015年5月优秀小版主
2015年4月html5优秀版主

蓝花 2015年7月 Web 开发大版内专家分月排行榜第三: 样式
a {color:blue;}
a:hover {color:red;}
a:active {color:yellow;}
事件onmouseove，onmouseout，onClick

2015-01-30 16:11:39

点赞 1 只看TA 引用举报 #4得分 10

收起

收藏回复

耕坏的牛

等级：

关注私信 TA的帖子

winform 鼠标离开子控件触发mouseleave事件处理: Winform 控件鼠标离开事件 中 鼠标进入子控件也会触发mouseleave事件处理最近在做一个关于语音与文本互相转化的小工具，利用的是百度的语音与文本转化接口。由于百度的语音转文本极速版接口中，只支持pcm格式...

JS鼠标事件（监听鼠标点击/释放，鼠标悬停/离开等）: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> Javascript 事件 body {background-color:#eeeeee} div.greenBtn

js中常用的事件，onclick 单击事件、onblur 失去焦点事件、onchange改变事件、onmouseover鼠标进入事件、...: onclick 单击事件 onblur 失去焦点事件 onchange 当对象或选中区的内容改变时触发。 onmouseover 当用户将鼠标指针移动到对象内时触发。...1、静态点击事件 script type="text/javascript"> // A标签的点击事

Javascript：DOM事件（监听鼠标点击/释放，鼠标悬停/离开等）: 使用Javascript可以对HTML页面上的各种事件进行监听，如鼠标点击/释放，鼠标悬停/离开，等等。

鼠标悬停事件onmouseover和鼠标离开事件onmouseout: 有时候需要悬停和离开的时候处理一下逻辑比如悬停的时候弹出tips 离开的时候不显示我下面的一个例子是图片在悬停的时候放大离开的时候还原图片地址填写你自己实际的路径 <img alt="" src="images/test...

Qt5.9的鼠标事件：进入QWidget界面事件、离开QWidget界面事件、摁住鼠标事件: 本文主要总结用Qt5.9实现常用鼠标事件，包括进入QWidget界面事件、离开QWidget界面事件、摁住鼠标事件。实现上面三个事件，只需要改写虚函数enterEvent(QEvent *)，leaveEvent(QEvent *)，mouseMoveEvent...

Qt学习历程（二）：QML鼠标悬停事件光标进入退出某区域（非点击按压信号）: import QtQuick 2.5 import QtQuick.Window 2.2 Window { width: 200 height: 150 Rectangle { id: rect1 x: 12; y: 12 width: 76; height: 96 color: "light

Python笔记之Tkinter(鼠标事件): 学习Tkinter制作窗体软件的基础，鼠标相关的事件。 Button-1> 鼠标左键 <Button-2> 鼠标中间键（滚轮） <Button-3> 鼠标右键 <Double-Button-1> 双击鼠标左键 <Double-Button-3> 双击...

Unity 中的鼠标事件方法汇总（物体，UGUI）: 本文将从游戏物体（Gameobject），和UGUI，讲解Unity—PC端开发中，鼠标事件的常见功能实现本文将帮你解决Unity中如下或者类似的事件响应问题：游戏物体篇点击游戏物体，物体消失；鼠标悬停在游戏物体上，...

【Java】鼠标监听器MouseListener和MouseMotionListener的使用: 鼠标监听器MouseListener 监听鼠标事件MouseEvent。相应事件和处理方法 鼠标事件 处理方法 MOUSE_CLICKED MouseClicked (MouseEvent) 鼠标点击（单或双） MOUSE_PRESSED MousePressed (MouseEvent) 鼠标按下 ...

JS鼠标事件大全(转): 一般事件事件浏览器支持描述 onClick 鼠标点击事件，多用在某个对象控制的范围内的鼠标点击 onDblClick 鼠标双击事件 onMouseDown 鼠标上的按钮被按下了 onMouseUp 鼠标按下后，松开时激发的事件 onMouseOver...

扩展 jQuery EasyUI Datagrid 数据行鼠标悬停/离开事件（onMouseOver/onMouseOut）: jQuery EasyUI Datagrid 用户列表鼠标悬停/离开数据行时显示人员头像（onMouseOver/onMouseOut）如图所示，Datagrid 鼠标悬停/离开数据行时切换了不同的样式显示：此时用谷歌开发者工具审查鼠标悬停行元素时发现...

关于视频学习网站鼠标移开就暂停播放问题的解决，实现后台刷网课（适用于大部分网络课程网站）: 有时候经常会遇到比较没空的朋友托付自己帮忙刷刷网课，想着很简单，只要挂着就好了，但是有的网站只要你鼠标移动开就会停止视频的播放，很麻烦，所以找了个方法来解决这个问题。（目前只测试了尔雅和优课网站，都是...

vue鼠标划过移入移出触发函数: <ul>> <li class="" v-on:mouseover="changeActive($event)" v-on:mouseout="removeActive($event)"... // 鼠标移入加入class changeActiv

JavaScript 鼠标点击事件的整合: 收藏成功确定收藏失败，请重新收藏确定查看所有私信查看所有通知

关于MouseListener接口的简单使用: 用于接收组件上“感兴趣”的鼠标事件（按下、释放、单击、进入或离开）的侦听器接口。（要跟踪鼠标移动和鼠标拖动，请使用 MouseMotionListener。）旨在处理鼠标事件的类要么实现此接口（及其包含的所有方...

如何在JavaScript捕获鼠标事件: 比如鼠标在浏览器的什么位置，用户是否点击鼠标或按了键，页面是否完整加载到浏览器等等。在些发生的事情，我们称之为“事件”，JavaScript提供了多种工具来操作它们。 .1 onClick事件处理器 onClick

java鼠标事件监听: addMouseListenerpublic void addMouseListener(MouseListener l)添加指定的鼠标...用于接收组件上“感兴趣”的鼠标事件（按下、释放、单击、进入或离开）的侦听器接口。（要跟踪鼠标移动和鼠标拖动，请使用 MouseMot

Java Swing 键盘监听鼠标移动监听: 实现监听接口鼠标移动要实现MouseMotionListener 如果实现MouseListener就是监听鼠标的点击释放和进入离开 一定要add listener 不然没有监听的对象，就不会有监听事件发生！

vue.js实现点击按钮和弹出层其他位置弹出层消失方法: 鼠标点击按钮切换弹出层的显示，点击其他区域弹出层消失，用javascript绑定事件可能几行代码就搞定了，但是vue.js的状态驱动模式和javascript的事件驱动模式是不同的，下面是使用vue.js的实现方式：鼠标点击button会...

[js点滴]JavaScript之鼠标事件04: 鼠标事件事件种类鼠标事件指与鼠标相关的事件，主要有以下一些。（1）click事件click事件当用户在Element节点、document节点、window对象上，单击鼠标（或者按下回车键）时触发。“鼠标单击”定义为，用户在同一个...

JS鼠标移入移出事件：onmouseover事件和onmouseout事件实例: 比方说，我们可以在用户点击某按钮时产生一个 onClick 事件来触发某个函数。事件在 HTML 页面中定义。 JavaScript中的事件类型有很多种，比如： 1、按钮的单击事件； 2、鼠标悬浮在某个图片上，有着特殊效果； 3、...

python tkinter教程-事件绑定: 一个Tkinter主要跑在mainloop进程里。Events可能来自多个地方，比如按键，鼠标，或是系统事件。 Tkinter提供了丰富的方法来处理这些事件。对于每一个控件Widge，你都可以为其...捕获鼠标点击事件：from Tkinter impo

input文本框 鼠标点击默认值消失,不输入离开鼠标恢复默认值: input文本框 鼠标点击默认值消失,不输入离开鼠标恢复默认值 1.input: 2textarea: 强制兼容：

android hover监控鼠标移动事件: android之前对于鼠标光标事件的监控非常少，4.0之后多了一个hover的组件，此组件可以监控鼠标光标在view上的变化。代码如下： public class HoverDemoActivity extends Activity { private Button btnBottom; ...

js判断鼠标位置是否在某个div中: div的onmouseout事件让div消失时，会出现这样的情况，就是当鼠标移至div中的其它内容时，此时也判定为离开div，会触发onmouseout事件，这样div中的内容就不能操作了。解决的办法是当触发onmouseout事件时，先判断...

Unity——Button相关响应事件，鼠标进入、退出、按下、抬起、长按等: 话不多说。 1.点击具有Button属性的对象，在Inspector中点击“Add Component”>"Event"...“PointerEnter”（鼠标进入）/“PointerExit”（鼠标滑出）/“PointerDown”（按下）...

解决超星网课问题之不能快放、移开鼠标就自动暂停问题: title: 解决网课问题之不能快放、移开鼠标就自动暂停问题~ date: 2020-03-07 15:16:12 description: 小白本人深受毛概网课不能加速不能移动困扰，遂有此博客产生。 tags: 网课技巧随笔欢迎大家进入我的博客，...

PyQt5编程-鼠标事件: 处理鼠标事件的频率不低于键盘事件。包括按下、松开鼠标按键；移动鼠标到特定区域或离开特定区域；更改鼠标指针的形状，等等。 1.按下、松开鼠标按键按下并释放鼠标按钮时，将调用以下方法： ...

Glut处理鼠标事件: 检测鼠标单击要想在OpenGL中处理鼠标事件非常的方便，GLUT已经为我们的注册好了函数，只要我们提供一个方法。使用函数glutMouseFunc,就可以帮我们注册我们的函数，这样当发生鼠标事件时就会自动调用我们的方法。...

相关热词 c# 为窗体增加资源文件 c#控制器怎么提示 c#常见异常 c#怎么写人机 c# xml转json c# 实例化名字 c#循环嵌套if语句 c# sql日期最小时间 c# sql 读取数据 c# 获取基类型