0
我有一個垂直菜單和IFrame的母版頁。在IFrame我正在加載菜單項click.i頁面需要突出顯示當前訪問過的頁面菜單內的鏈接。實現這一突出顯示菜單項
我有一個垂直菜單和IFrame的母版頁。在IFrame我正在加載菜單項click.i頁面需要突出顯示當前訪問過的頁面菜單內的鏈接。實現這一突出顯示菜單項
希望下面的代碼可以幫助你:
寫的document.ready以下jQuery代碼,將在菜單中點擊調用。
$(document).ready(function() {
$('#nav ul li').click(function() {
$('#nav ul').children('li').removeClass();
$(this).addClass('selected');
});
});
類定義應如下:
#nav .selected a{background:red;display:block}
看到菜單部分:
<div id="nav">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">About</a></li>
</ul>
</div>
添加div標籤
<div onclick="highlightLink(this);" style="height:22px">
<a href="" class="menulinks">Customer</a>
</div>
然後使用內部的每個環節以下javascrip
<script language="javascript" type="text/javascript">
var highlightLink = function() {
var active = null, Image = 'url("images/selectedmenubg.jpg"); width:183px; height:21;';
if (this.attachEvent) this.attachEvent('onunload', function() {
active = null;
});
return function (element) {
if ((active != element) && element.style) {
if (active) active.style.backgroundImage = '';
element.style.backgroundImage = Image;
active = element;
}
};
}();
</script>
selectedmenubg.jpg是所選擇的鏈接
喜的研究背景,你是怎麼解決這個問題? – BrOSs
我已添加answer.that是我如何解決它 – chamara