我设法改变颜色,而使用CSS(),因为这很简单,但我遇到麻烦。
只能使用CSS来改变点击的项目的颜色吗?
解决方法 设置类活动和悬停的样式:比起你需要让li活跃,在服务器端。
所以当您绘制菜单时,您应该知道哪个页面被加载并设置为:
<li >Question</li> <li>Tags</li> <li>Users</li>
但是,如果您正在更改内容而不重新加载,则无法更改在服务器上设置活动的li元素,则需要使用JavaScript:
<!DOCTYPE HTML PUBliC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/HTML4/strict.dtd"><HTML><head><script type="text/JavaScript" src="http://AJAX.GoogleAPIs.com/AJAX/libs/jquery/1.5.2/jquery.min.Js"></script><style> .menu{wIDth: 300px; height: 25; Font-size: 18px;} .menu li{List-style: none; float: left; margin-right: 4px; padding: 5px;} .menu li:hover,.menu li.active { background-color: #f90; }</style></head><body><ul ><li>Item 1</li><li >Item 2</li><li>Item 3</li><li>Item 4</li><li>Item 5</li><li>Item 6</li></ul><script type="text/JavaScript">var make_button_active = function(){ //Get item siblings var siblings =($(this).siblings()); //Remove active class on all buttons siblings.each(function (index) { $(this).removeClass('active'); } ) //Add the clicked button class $(this).addClass('active');}//Attach events to menu$(document).ready( function() { $(".menu li").click(make_button_active); } )</script></body></HTML>总结
以上是内存溢出为你收集整理的html – 如何动态地更改网页所选菜单项的颜色?全部内容,希望文章能够帮你解决html – 如何动态地更改网页所选菜单项的颜色?所遇到的程序开发问题。
如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)