2012-03-30 102 views
1

現在我有一個ID爲「sidebar」的div,我使用css添加一個懸停類來爲懸停上的鏈接添加項目符號。問題是我不希望子彈出現在「跳過」邊欄中的鏈接之間,我希望當你進入邊欄時,子彈似乎跟隨你的光標在Y軸上。我怎麼用jQuery來做到這一點?跳轉到元素動畫

HTML

<div id="sidebar"> 
      <dl class="nice vertical tabs"> 
        <dd><a href="#BiblesandCommentaries">الانجيل-تعليقات</a> </dd> 
        <dd><a href="#EnquirersLibrary">الاستفسارات</a> </dd> 
        <dd><a href="#NewBelievers">مؤمنون جدد</a> </dd> 
        <dd><a href="#ChristianLiving">حياة المسيحى</a> </dd> 
        <dd><a href="#FamilyLibrary">مكتبة الأسرة</a> </dd> 
        <dd><a href="#YoungAdultLibrary">مكتبة الشباب</a> </dd> 
        <dd><a href="#WorshipLibrary">مزامير وتراتيل</a> </dd> 
        <dd><a href="#BibleTeachings">التدريس</a> </dd> 
        <dd><a href="#Leadership">القيادة</a> </dd> 
        <dd><a href="#SchoolofChrist">مدرسة الإنجيل</a> </dd> 
        <dd><a href="#MinorityLanguages">فهم المسيح</a> </dd> 
      </dl> 
     </div> 

CSS

#sidebar .tabs a:hover:after { 
-webkit-transition: all 1s ; 
-moz-transition: all 1s ; 
-ms-transition: all 1s ; 
-o-transition: all 1s ; 
transition: all 1s ; 
content: ""; 
display: block; 
width: 0; 
height: 0; 
border-top: 5px solid transparent; 
border-left: 10px solid white; 
border-bottom: 5px solid transparent; 
position: relative; 
bottom: 5px; 
margin-left: -20px; 
} 
+0

不明白「不希望子彈出現」跳過「鏈接之間」你能把它放進小提琴嗎? – lzdt 2012-03-30 16:14:40

+0

它會出現在鏈接的懸停上,但會消失,直到下一個鏈接懸停。我希望子彈始終可見,當您輸入帶有「sidebar」id的div但似乎在y軸上跟隨您的鼠標 – Blainer 2012-03-30 16:18:03

+0

您已使用CSS標記問題,但未向我們顯示任何..這可能有所幫助。 – Kyle 2012-03-30 16:22:40

回答

0

看到代碼和演示

撥弄撥弄:http://jsfiddle.net/XcfhH/1/

演示:http://jsfiddle.net/XcfhH/1/embedded/result/

+0

這就是我現在擁有的。我希望它能夠做到這一點,但是當你將鼠標懸停到下一個元素上時會有一個過渡動畫。 – Blainer 2012-03-30 20:58:46

+0

我不明白你在說什麼。請詳細說明一下。以前你的菜單顯示的是我們在錨標記上滾動時的毛刺,我將它固定在小提琴http://jsfiddle.net/XcfhH/1/上,但知道你想要什麼我有點困惑。 – w3uiguru 2012-03-31 02:56:43