在鼠標懸停上閃爍文字

如何擺脫javascript中鼠標懸停的閃爍文字。我編輯了持續時間的數字，但沒有任何不同。它對我來說看起來並不光滑。我是一個新的Web開發人員，不確定在JavaScript代碼中需要對其進行編輯。順便說一下，我想實現的是頁面首次加載時，文本將隱藏，直到鼠標懸停，將顯示2行，並且上次的文本將再次消失（閃爍的文本始終顯示在onmouseover上），然後當點擊調用另一個功能，fancybox。在鼠標懸停上閃爍文字

<script type="text/javascript"> 
      $(document).ready(function(){ 
      $(".msg-link").hover(
      function(){ 
       var id = $(this).data("id"); 
        if(id!==undefined){ 
         $("#" + id).show(); 
        } 
         $("#textMessages").show(); 

        },function(){ 
        $("#textMessages").hide(); 
        $(".hidden").hide(); 
       }); 
      }); 

      function ShowHide() { 
       alert('here'); 
       $("#textMessages").animate({ 
        "height": "toggle" 
       }, { 
        duration: 1000 
       }); 
       } 
</script> 

<div> 
    <img class="msg-link" data-id="test" src="1.png" alt="" /> 
     <p id="textMessages">test<br /> 
     <a class="hidden" id="test" href="1.png" rel="group1" title="example title text">More View</a> 
     <a class="hidden" id="koya" href="2.png" rel="group1" title="more text right here"></a> 
     </p> 
</div>

來源

2011-08-07 Modular

我認爲你需要更好地解釋這一點。它看起來像你向我描述的一樣。 http://jsfiddle.net/mrtsherman/SRLj9/ – mrtsherman

你的問題是什麼？ –

聽起來像這是一個動畫集中的問題，你想要一個流暢的顯示/隱藏類型的動畫？ Imo你實際上應該使用fadeIn或fadeOut來達到最終的平滑效果。但如果這是你真正喜歡的，你可以在show（）hide（）上設置時間，或者你可以結合淡入淡出和改變父元素的高度，這樣它會給開放效果一點點，但不是鋸齒狀的縮放從左到右的效果。

（+）向父級div添加了「id」，如果您經歷了所有努力以顯示該圖像，則可能不希望鏈接消失。

我修改了mrtsherman的例子，以我想你想說的。我相信它可能會更有活力，正如你試圖去做的那樣。但這是我假設的動畫或效果問題？對？

http://jsfiddle.net/SRLj9/9/

來源

2011-09-07 23:02:56

在鼠標懸停上閃爍文字

回答

相關問題