真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

成都創(chuàng)新互聯(lián)網(wǎng)站制作重慶分公司

JS/jquery實現(xiàn)鼠標(biāo)控制頁面元素顯隱

最近因為公司網(wǎng)站要上一個活動廣告橫幅，當(dāng)用戶鼠標(biāo)劃過時顯隱二維碼。像這種鼠標(biāo)事件控制頁面元素顯隱的情況，碼農(nóng)們會經(jīng)常遇到，可以通過javascript或jquery代碼實現(xiàn)，下面就幾種常見需求一起歸納一下。

專注于為中小企業(yè)提供成都網(wǎng)站建設(shè)、成都做網(wǎng)站服務(wù),電腦端+手機端+微信端的三站合一,更高效的管理,為中小企業(yè)墾利免費做網(wǎng)站提供優(yōu)質(zhì)的服務(wù)。我們立足成都，凝聚了一批互聯(lián)網(wǎng)行業(yè)人才，有力地推動了上千企業(yè)的穩(wěn)健成長，幫助中小企業(yè)通過網(wǎng)站建設(shè)實現(xiàn)規(guī)模擴(kuò)充和轉(zhuǎn)變。

mouseout和mouseleave

這里需要特別注意mouseout與mouseleave的區(qū)別。我們通過下面代碼示例來看一下：






鼠標(biāo)控制頁面元素顯隱




  
    
      第此觸發(fā)mouseout事件
    
  
              第此觸發(fā)mouseleave事件     
  
  

效果如下：

JS/jquery實現(xiàn)鼠標(biāo)控制頁面元素顯隱

fadeIn和fadeOut

前文實例中用的是show()和hide()方法，前臺顯隱效果瞬間完成，為了提高實際用戶體驗，這里我們介紹兩位更友好的“朋友”，即fadeIn和fadeOut。

fadeIn：方法使用淡入效果來顯示目標(biāo)元素。

fadeOut：方法使用淡出效果來隱藏目標(biāo)元素

這兩個方法可以配置參數(shù)來控制速度，比如slow、normal、fast或指定毫秒數(shù)。

下面我們就show()、hide()與fadeIn()、fadeOut()的效果坐下對比，代碼如下：





鼠標(biāo)控制頁面元素顯隱




  
    
      hide和show
    
  
  
    
      fadeIn和fadeOut
    
  
  

效果如下：

JS/jquery實現(xiàn)鼠標(biāo)控制頁面元素顯隱

小結(jié)

本文我們一起了解學(xué)習(xí)了通過js或jq實現(xiàn)鼠標(biāo)事件控制頁面元素顯隱效果，方法十分簡單。如果大家還有更好的其他解決方案，歡迎一起討論交流。

JS/jquery實現(xiàn)鼠標(biāo)控制頁面元素顯隱
網(wǎng)站題目：JS/jquery實現(xiàn)鼠標(biāo)控制頁面元素顯隱
標(biāo)題鏈接：http://weahome.cn/article/peoijh.html

其他資訊

在線咨詢

微信咨詢

電話咨詢

028-86922220（工作日）

18980820575（7×24）

提交需求

返回頂部