2012-05-16 93 views
2

我一直在尋找一種方法來創建一個動畫的箭頭,指向網頁上的div元素,但很少成功。動畫箭頭指針

原因是我需要吸引用戶注意特定的div。

我正在使用jQuery,如果有幫助。我找到了PointPoint,但它的鼠標邊緣只有一個箭頭。

+0

這項工作目前正在進行中,但你可以看看[Yarrow](http://krispo.github.io/yarrow/)。 – krispo

回答

1

對於動畫光標,您必須具有要使用的.ani文件(動畫光標)。

HTML例如:

<div class="item1">abcdefgh</div> 

<div class="item2">asdasdasdasdas</div> 

CSS實施例

.cursor1 { cursor: help;} 

.item1 { line-height: 20px; 
     border: 1px solid #000; 
      height: 100px; 
      width: 100px;    
} 

對於自定義光標這裏讀:http://beradrian.wordpress.com/2008/01/08/cross-browser-custom-css-cursors/在使用上述CSS。

和JavaScript:

$(function() { 
    $(".item1").on("mouseover mouseout", function() { 
     $(this).toggleClass("cursor1");  
    });   
}); 

我的回答是,我從你的查詢瞭解。