試圖讓菜單項目在查看他們的div時變爲粉色

我有一個鏈接列表，讓div在上面滑動，我使用的腳本是在這裏找到的：http://flesler.blogspot.ca/2007/10/jqueryscrollto.html。試圖讓菜單項目在查看他們的div時變爲粉色

我希望鏈接在被點擊時改變顏色，以便用戶可以清楚地看到它們在哪裏。我想要做類似的事情：

<li><a href="#promo" onclick="this.style.color='green'; return false;">Promo Package</a></li>

除了在單擊另一個鏈接時將顏色更改回其原始顏色。當然外部也會更好。

來源

2012-06-19 user1466859

我會使用一個點擊監聽器就行了：

$('ul').on('click', 'a', function() { 
    $('ul a').css('color', '#000000'); // set all links to black; 
    $(this).css('color', '#00FF00'); // set curent link to green; 
    return false; 
});

來源

2012-06-19 15:46:58 bfavaretto

@ user1466859您還沒有發佈您的代碼（「以下」什麼？），但它確實可以獨立運作。在這裏檢查：http://jsfiddle.net/wwGFB/ – bfavaretto

我得到它的工作！太棒了，非常感謝大家！（我仍然沒有得到什麼代碼意味着雖然哈哈） – user1466859

你爲什麼不使用一個CSS樣式呢？

，如果您有jQuery的：

<li><a href="#promo" class="link_black">Promo Package</a></li> 


jQuery(document).ready(function(){ 
    jQuery('.link_black').click(function(){ 
     jQuery(".link_green").removeClass('link_green'); 
     jQuery(this).addClass('link_green'); 
    }); 
}); 


<style> 
.link_black{ 
    color : black; 
} 
a.link_black{ 
    color : green; 
} 
</style>

，如果你不使用jQuery：

<li><a href="#promo" class="link_black" onclick="clickedGreenLink(this)">Promo Package</a></li> 

<script> 
function clickedGreenLink(obj){ 
    if (window.currentGreenLink!=undefined){ 
     window.currentGreenLink.class=window.currentGreenLink.class.replace('link_green',''); 
    } 
    window.currentGreenLink=obj; 
    window.currentGreenLink.class+='link_green'; 
} 
</script>

這應該工作

來源

2012-06-19 15:47:34 user1466097

我在哪裏可以找到如何格式化我的評論？我想發佈代碼，但「代碼」對我來說沒有意義。我已經嘗試了你傢伙的兩個建議，但無法實現。謝謝！ – user1466859

試圖讓菜單項目在查看他們的div時變爲粉色

回答

相關問題