鼠标事件

我们要做的是当鼠标放在一个图片上时，图片变透明，鼠标移开，图片恢复原样。

第一：首先放置一个图片

如图：

 

 

 

 

第二：在css中设置图片的位置大小，以及鼠标放在上面显示的小手。

代码入戏：

#xiaoHong{
  width: 50px;
  height: 50px;
  position: fixed;
  bottom: 50px;
  right: 50px;
  display: none;
  cursor: pointer;//鼠标放在上面显示小手的标识
  opacity: 1;
  z-index: 2;//粘性定位

}

链接的样式如下：

 

 

 

 

 

第三：在js里面设置函数：

$("#nav li").mouseenter(function(){
    $(this).addClass("active")
    
})  
$("#nav li").mouseleave(function(){
    $(this).removeClass("active")
}) 

 

 

 

效果如下图：