博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
JS实例5
阅读量:6049 次
发布时间:2019-06-20

本文共 1748 字,大约阅读时间需要 5 分钟。

做这么一个效果  鼠标单击某个名字后变色,没选中的鼠标移动上去变色

首先布局这个效果,然后给每个表格添加单击事件onclick、鼠标放上事件onmousemove、鼠标移出事件onmouseout

容易把这几个事件弄混

        
无标题文档
张海军
张琦伟
张胜国
继文楷
张三
李四
王五
猎人但
狗剩
王八蛋
狗屎
滚蛋
哈喽
凯奇
张海军
张琦伟
张胜国
继文楷
张三
李四
王五
猎人但
狗剩
王八蛋
狗屎
滚蛋
哈喽
凯奇

 因为是class名 所有οnclick="Dian(this)" οnmοusemοve="Fang(this)"都有个this,意思是点击自身,因为class名都一样,加上this知道单击的是哪个

先单击事件的函数

 单击变红,然后没有单击的循环变成原来的颜色

下一步写鼠标放上变色

function Fang(b)		{			var xiao=document.getElementsByClassName("xiao")			for(var i=0; i

 这样看着是没问题,实际效果上是只有鼠标放上变色效果,鼠标单击效果没有了。这是因为优先级的关系

所以要加虚拟属性,鼠标单击后添加属性,没有单击的移出这个属性

function Dian(a)		{			var xiao=document.getElementsByClassName("xiao")			for(var i=0; i

 这样单击变色并且没单击的鼠标放上变色,但是鼠标移出后颜色还在所以要继续写鼠标移出后的函数,同样的是,用if判断添加的属性不等于一变回原来的颜色,目的是保证鼠标移出的时候,单击选中的不会因为鼠标移出而变色。因为鼠标单击的添加了个属性bs=1,移出变色的是bs不等于1的情况。

function Zou()		{			var xiao=document.getElementsByClassName("xiao")			for(var i=0; i

 具体效果如同电脑QQ好友里选中某个好友之后,其余好友鼠标移动还有颜色变化

 

转载于:https://www.cnblogs.com/navyouth/p/7740135.html

你可能感兴趣的文章
Android Camera 使用小结
查看>>
流控算法
查看>>
带你认识OSI,network就靠它
查看>>
【小松教你手游开发】【面试必读(编程基础)】C# 理解泛型
查看>>
Pyton学习—循环语句
查看>>
MES制造执行系统
查看>>
了解java虚拟机—堆相关参数设置(3)
查看>>
ArrayList 源码
查看>>
2018阿里云云数据库RDS核心能力演进
查看>>
Vsftp基于mysql实现账号认证
查看>>
区块链中的密码学(3):椭圆曲线加密分析
查看>>
动态代理的几种方式
查看>>
https证书申请价格
查看>>
REDHAT RHEL 6环境下如何配置YUM源
查看>>
租用邮箱or自建邮件系统,如何选择?
查看>>
内存溢出
查看>>
PYTHON 多线程信号量
查看>>
Try catch finally用法
查看>>
路由个数据包转发简介
查看>>
使用 JS + CSS 实现的公式编辑效果
查看>>