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 ...

随机推荐

【IT小常识】如何将IE手动升级或降级
我们从浏览器任意下载一个我们需要安装的IE版本.可能部分电脑的IE版本不是微软正版的IE版本,所以无法通过更新来获取我们想要的IE版本. 下面,详细的讲一下如何如何手动升级IE或者吧IE降级. 一. ...
Java 接口新特性（Java8）
Java8新特性之接口增强在Java7以及以前的版本中,接口里的方法都是抽象的,并且不存在静态方法,属性默认修饰符是public static final.所有方法的声明都是public [返回类型 ...
Java 多线程 sleep()方法与yield()方法的区别
sleep()方法与yield()方法的区别如下: 1 是否考虑线程的优先级不同 sleep()方法给其他线程运行机会时不考虑线程的优先级,也就是说,它会给低优先级的线程运行的机会.而yield()方 ...
【Tomcat】Tomcat配置JVM参数步骤
这里向大家描述一下如何使用Tomcat配置JVM参数,Tomcat本身不能直接在计算机上运行,需要依赖于硬件基础之上的操作系统和一个java虚拟机.您可以选择自己的需要选择不同的操作系统和对应的JDK ...
TCP三次握手四次挥手最通俗理解
工作过程TCP标志位:TCP共有6个标志位,分别是: SYN(synchronous),建立联机.ACK(acknowledgement),确认.PSH(push),传输.FIN(finish),结束 ...
关于“svn: Can't connect to host '*.*.*.*': 由于连接方在一段时间后没有正确答复或连接”的解决方法
阿里云服务器环境(PHP+Nginx+MySQL) [原因1]svnserve.conf 没写好,当然你先备份一份先: cp svnserve.conf svnserve.conf.bak 打开此文件 ...
黑盒测试实践——day06
一.任务进展情况通过小组成员的共同努力,终于完成了此次“黑盒测试实践”任务.目前的主要任务将之前的文件汇总,整理出来. 二.存在的问题由于此 ...
javascript的数组之includes()
includes()方法用来判断一个数组是否包含一个指定的值,根据情况,如果包含则返回true,否则返回false. var array1 = [1, 2, 3]; console.log(array ...
yield关键字
1.yield语句有两种形式 (1)yield return <expression>;一次返回一个元素运行yield return 语句时,会返回一个值,并记录当前位置及保留该值.下 ...
Spring的核心模块解析
Spring框架是一个轻量级的集成式开发框架,可以和任何一种框架集成在一起使用,可以说是一个大的全家桶.Spring从1.x发展到现在的5.x可以说是越来越强大,下面来看看Spring都包含哪些核心的 ...

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

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

随机推荐

热门专题