2016-10-19 39 views
-1

我想要它,所以當您在移動光標幾秒鐘後移動光標時,會產生脈衝效應。當光標空閒並移動脈衝效應

<style type="text/css"> 
    body, 
    a:hover { 
    cursor: url(https://www.google.com/images/branding/googlelogo/1x/googlelogo_color_272x92dp.png), progress !important; 
    } 
</style> 
<a href="https://www.google.com/" _blank " title=" "> 
    <img src=" " border="0 " alt=" " style="position:absolute; top: 0px; right: 0px; " /> 
</a> 
+1

問題是/? – Andreas

+1

您可能需要先修復您的html。錨標籤格式錯誤,報價全部搞亂。 – user1289451

回答

0

你可能有興趣去看看兩個插件:

所以一個例子可以是:

$(function() { 
    $(document.body).idleTimer({ 
    timeout: 1000, 
    idle: true, 
    events: 'mousemove' 
    }); 
    $(document.body).on("active.idleTimer", function (event, elem, obj, triggerevent) { 
    var ele = $(triggerevent.target); 
    ele.pulse({backgroundColor: 'red'}, {pulses: 3} 
      ); 
    }); 

}); 
<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script> 
<script src="https://rawgit.com/thorst/jquery-idletimer/master/dist/idle-timer.min.js"></script> 
<script src="https://rawgit.com/jsoverson/jquery.pulse.js/master/jquery.pulse.min.js"></script> 


<a href="https://www.google.com/" title="">aaaaa</a> 
<img  src="https://www.google.com/images/branding/googlelogo/1x/googlelogo_color_272x92dp.png" border="0" alt="" 
     style="position:absolute; top: 0px; right: 0px;"/> 

<p>This is a paragraph</p>