js选中变色，不选中鼠标放上变色

    <head>

        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

        <title>无标题文档</title>

        <style type="text/css">

			*{

				margin:0px auto;

				padding:0px;

				}

			#da{

				width:100%;

				height:280px;

				}

			.xiao{

				width:100px;

				height:20px;

				background-color:#00F;

				border:1px solid #FFF;

				text-align:center;

				line-height:20px;

				vertical-align:middle;

				color:#FFF;

				}

			.xiao:hover{

				cursor:pointer;

				}

        </style>

    </head>

    <body>

    	<div id="da">

        <div class="xiao" onclick="Dian(this)" onmousemove="Fang(this)">张海军</div>

        <div class="xiao" onclick="Dian(this)" onmousemove="Fang(this)">张琦伟</div>

        <div class="xiao" onclick="Dian(this)" onmousemove="Fang(this)">张胜国</div>

        <div class="xiao" onclick="Dian(this)" onmousemove="Fang(this)">继文楷</div>

        <div class="xiao" onclick="Dian(this)" onmousemove="Fang(this)">张三</div>

        <div class="xiao" onclick="Dian(this)" onmousemove="Fang(this)">李四</div>

        <div class="xiao" onclick="Dian(this)" onmousemove="Fang(this)">王五</div>

        <div class="xiao" onclick="Dian(this)" onmousemove="Fang(this)">猎人但</div>

        <div class="xiao" onclick="Dian(this)" onmousemove="Fang(this)">狗剩</div>

        <div class="xiao" onclick="Dian(this)" onmousemove="Fang(this)">王八蛋</div>

        <div class="xiao" onclick="Dian(this)" onmousemove="Fang(this)">狗屎</div>

        <div class="xiao" onclick="Dian(this)" onmousemove="Fang(this)">滚蛋</div>

        <div class="xiao" onclick="Dian(this)" onmousemove="Fang(this)">哈喽</div>

        <div class="xiao" onclick="Dian(this)" onmousemove="Fang(this)">凯奇</div>

        <div class="xiao" onclick="Dian(this)" onmousemove="Fang(this)">张海军</div>

        <div class="xiao" onclick="Dian(this)" onmousemove="Fang(this)">张琦伟</div>

        <div class="xiao" onclick="Dian(this)" onmousemove="Fang(this)">张胜国</div>

        <div class="xiao" onclick="Dian(this)" onmousemove="Fang(this)">继文楷</div>

        <div class="xiao" onclick="Dian(this)" onmousemove="Fang(this)">张三</div>

        <div class="xiao" onclick="Dian(this)" onmousemove="Fang(this)">李四</div>

        <div class="xiao" onclick="Dian(this)" onmousemove="Fang(this)">王五</div>

        <div class="xiao" onclick="Dian(this)" onmousemove="Fang(this)">猎人但</div>

        <div class="xiao" onclick="Dian(this)" onmousemove="Fang(this)">狗剩</div>

        <div class="xiao" onclick="Dian(this)" onmousemove="Fang(this)">王八蛋</div>

        <div class="xiao" onclick="Dian(this)" onmousemove="Fang(this)">狗屎</div>

        <div class="xiao" onclick="Dian(this)" onmousemove="Fang(this)">滚蛋</div>

        <div class="xiao" onclick="Dian(this)" onmousemove="Fang(this)">哈喽</div>

        <div class="xiao" onclick="Dian(this)" onmousemove="Fang(this)">凯奇</div>

        </div>

    </body>

    <script type="text/javascript">

		function Dian(a)

		{

			var xiao=document.getElementsByClassName("xiao")

			for(var i=0; i<xiao.length;i++)

			{

				xiao[i].removeAttribute("bs")

				xiao[i].style.backgroundColor="#00F"

			}

			a.setAttribute("bs",1);

			a.style.backgroundColor="red";

		}

		function Fang(b)

		{

			var xiao=document.getElementsByClassName("xiao")

			for(var i=0; i<xiao.length;i++)

			{

				if(xiao[i].getAttribute("bs")!="1")

				{

					xiao[i].style.backgroundColor="#00F"

				}

			}

			b.style.backgroundColor="red";

		}

    </script>

js选中变色，不选中鼠标放上变色的更多相关文章

抽屉head部分，hover应用，鼠标放上变色
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
css 鼠标移动到按钮图片改变；图片换层；鼠标放上透明度改变直到隐藏；
css 鼠标移动到按钮图片改变: 方法一: <style> .pp a { width:575px; height:157px; background:url(1.jpg);/*图片地址* ...
点击图片或者鼠标放上hover .图片变大. 1)可以使用css中的transition, transform 2) 预先设置一个弹出div. 3)弹出层 alert ; 4) 浏览器的宽度document.documentElement.clientWidth || document.body.clientWidth
变大: 方法一: 利用css属性. 鼠标放上 hover放大几倍. .kecheng_02_cell_content img { /*width: 100px; height: 133px;*/ wi ...
鼠标放上时显示隐藏的div或者其他代码的“jquery”的三种写法和“JavaScript”的一种写法
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
动态创建div（鼠标放上显示二维码）
最近的微信大行其道.各个网站上都给出的微信验证码,进行手机扫描加入. 怎么创建类似与点击鼠标弹出一个浮动的div显示二维码的这种效果. 1.首先制作好这样的图片,写css样式 <style ty ...
td里的内容宽度自适应及鼠标放上显示标题div title
td里的内容自适应宽度, 用 width:100%控制 strRight+="<td bordercolor='#DEDEDE' width='500px' height='50px' ...
easyui 单元格超出鼠标放上弹出全部
其他方式:https://www.cnblogs.com/raitorei/p/9878192.html onLoadSuccess : function(data) { //单元格超出部分隐藏并鼠标 ...
jq div鼠标放上、离开马上展开、收缩方法
<body> <div id="aa" style="width:500px; height:30px; border:1px solid #000&q ...
用CSS做长度超过长度显示‘...’，当鼠标放上时显示全部内容
<!DOCTYPE html> <html> <head> <meta name="author" content="Yeeku ...

随机推荐

JMeter命令模式下动态设置线程组和持续时间等动态传参
背景: 1.当通过JMeter的图像化界面运行性能压测或者场景时候,JMeter界面很容易导致界面卡死或者无响应的情况(20个线程数就会卡死) 现象如下:
CF 960 G
难受的1b,怎么会这样先去学写一发 NTT 大概说一下斯特林数
mysql的event(事件)用法详解
SELECT * FROM mysql.event;SET GLOBAL event_scheduler = 1; -- 开启定时器 0:off 1:on SHOW VARIABLES LIKE 'e ...
QT杂记（网上资料整理而成）
1.新建工程时,Qwidget和Qdialog和Qmianwindow三者的区别? QWidget是所有图形界面的基类QMainWindow是一个提供了菜单.工具条的程序主窗口QDialog是对话框. ...
(89)Wangdao.com第二十二天_JavaScript 属性
属性属性本身是一个对象(Attr 对象) Element.attributes 返回一个类似数组的动态对象,成员是该元素标签的所有属性节点对象属性的实时变化都会反映在这个节点对象上. 其他类型的 ...
dtFindNearestPolyQuery :: process
dtFindNearestPolyQuery :: process(const dtMeshTile* tile, dtPoly** polys, dtPolyRef* refs, int count ...
使用 JProbe 调试 Linux 内核（转）
https://liam.page/2018/04/28/debug-in-Linux-kernel-jprobe/
织梦，dede:list和dede:artlist的区别
dede:list可以配合pagelist进行分页,而artlsit不能进行分页. 如果要翻页只能用list的
H5和CSS
参考文档:https://blog.csdn.net/caseywei/article/details/81105544 *)DOCTYPE的作用如:<!DOCTYPE html> 标 ...
《SQL Server性能调优实战》知识点汇总
2.4数据库结构的设计好的性能出自好的设计尽可能添加数据完整约束(非空约束.默认值约束.CHECK约束.唯一约束.外键约束)等,这些约束的添加将有助于数据库关系引擎分析执行计划. 尽可能小的字段类 ...

js选中变色，不选中鼠标放上变色

js选中变色，不选中鼠标放上变色的更多相关文章

随机推荐

热门专题