2015-09-22 1 views
0
<html> 
<body> 
<div id="navi"> 
<ul width="100%" align="center" style="padding-top:20px; display:inline"> 
<li>  
<a style="font-size:25px; color:#0ff; padding-top:20px; font-weight:bold;" href="corporate_frame.html" target="load">Corporate</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
</li> 
<li>  
<a style="font-size:25px; color:#0ff; font-weight:bold" href="security_frame.html" target="load">Security</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
</li> 
<li> 
<a style="font-size:25px; color:#0ff; font-weight:bold" href="driver_frame.html" target="load">Driver</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
</li> 
<li> 
<a style="font-size:25px; color:#0ff; font-weight:bold" href="medical_frame.html" target="load">Medical</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
</li> 
<li> 
<a style="font-size:25px; color:#0ff; font-weight:bold" href="engineering_frame.html" target="load">Engineering</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
</li> 
<li> 
<a style="font-size:25px; color:#0ff; font-weight:bold" href="hospitality_frame.html" target="load">Hospitality</a> 
</li> 
</ul>//closing tag of un order list 
<br> 
<br> 

<iframe src="corporate_frame.html" style="height:250px; width:1310px; border:none;" name="load"></iframe> 


</div> 
</body> 
</html> 

Так скажите мне, когда вы нажимаете на «корпоративную» или любую другую ссылку, цвет этой ссылки должен быть изменен до тех пор, пока не откроется другая ссылка.Как изменить цвет ссылки меню, когда ссылка открыта в iframe?

+0

вы можете запустить код в jsfiddle.net –

+0

Да, я могу запустить его, но мне просто нужен CSS или яваскрипт код для моего вопроса – Sham

+0

хорошо видеть мой ответ сэр –

ответ

0

Я не уверен, что это будет работать, но я думаю, что это будет:

.menulink 
{ 
    color: #0000FF; 
    cursor: pointer; 
} 

.menulink:hover 
{ 
    color: #FF0000; 
    cursor: pointer; 
} 

See the link

0

Вы не дали много понимание того, как вы хотели бы, чтобы достичь этого, но ниже, является Решение jQuery. Я также предполагаю, что вы просто пытаетесь показать «активную» ссылку в меню?

$("div#navi a").each(function() 
{ 
     $(this).bind("click", function() 
     { 
      // Reset other link colors to "#0ff" 
      $("div#navi a").css("color", "#0ff"); 

      // Change color for this link to "blue" 
      $(this).css("color", "blue"); 
     }); 
}); 
Смежные вопросы