编程 Javascript

js实现背景图片感应鼠标变化的方法

Posted in Javascript onFebruary 28, 2015

本文实例讲述了js实现背景图片感应鼠标变化的方法。分享给大家供大家参考。具体分析如下：

鼠标点击后背景图片变化，点击另外一个菜单项前面的会自动恢复背景，其实这个如果单纯使用CSS是没办法做的，我们还要使用JS来判断鼠标状态，代码如下：

<style type="text/css"> 
.dh a{
background:#FFFFCC;
width:50px;
height:30px;
display:block; 
text-align:center;
color:#000000;
} 
.dh a:hover{
background:#FF9900;
} 
</style> 
</head> 
<body> 
<div> 
 <div class="dh"><a href="#">导航1</a></div> 
 <div class="dh"><a href="#">导航2</a></div> 
 <div class="dh"><a href="#">导航3</a></div> 
 <div class="dh"><a href="#">导航4</a></div> 
 <div class="dh"><a href="#">导航5</a></div> 
</div> 
<script type="text/javascript"> 
$(function(){ 
  $(".dh a").click(function(){ 
    $(".dh a").removeAttr("style"); 
    $(this).attr("style","background:#CCFF99;"); 
  }) 
}) 
</script>

希望本文所述对大家的javascript程序设计有所帮助。

js实现背景图片感应鼠标变化的方法

- Author -

shichen2014

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

Jquery+JSon 无刷新分页实现代码

Apr 01 Javascript

jQuery find和children方法使用

Jan 31 Javascript

JS可以控制样式的名称写法一览

Jan 16 Javascript

js拆分字符串并将分割的数据放到数组中的方法

May 06 Javascript

简介JavaScript中的setHours()方法的使用

Jun 11 Javascript

基于Echarts 3.19 制作常用的图形(非静态)

May 19 Javascript

基于jQuery实现Accordion手风琴自定义插件

Oct 13 Javascript

js实现键盘自动打字效果

Dec 23 Javascript

Angular.JS通过指令操作DOM的方法

May 10 Javascript

如何理解Vue的v-model指令的使用方法

Jul 19 Javascript

Vue中使用canvas方法总结

Feb 12 Javascript

js实现弹框效果

Mar 24 Javascript

常用的JavaScript模板引擎介绍

Feb 28 #Javascript

JavaScript操作Cookie详解

Feb 28 #Javascript

js实现可得到不同颜色值的颜色选择器实例

Feb 28 #Javascript

JS+CSS实现实用的单击输入框弹出选择框的方法

Feb 28 #Javascript

JS实现很酷的EMAIL地址添加功能实例

Feb 28 #Javascript

浅谈JavaScript数据类型及转换

Feb 28 #Javascript

javaScript基础语法介绍

Feb 28 #Javascript