如何将 html 中 的鼠标hover事件，改为 鼠标点击事件_html/css_WEB-ITnose

我要将这个网址

   http://www.4on.cn/home/index/common.shtml 


   这里面的元素都是鼠标指上去，右边的内容就马上显示出来，

我想要改成。 要鼠标点击，右边才改变。

  我是新手，需要一个直接改动 这个页面 html 代码的方法

  多谢了。

  

回复讨论(解决方案)

你只需要将脚本中的鼠标移入事件 修改 为 点击事件 即 mouseover -> click

对应脚本位置如下

$("#nav_lis").on("click", function(e){			$(this).find("li").removeClass("hover");			e.target.className = "hover";			var index = e.target.getAttribute("data-index");			//			var divs = $("#nav_uls>div");			for(var i=0,ci; ci = divs[i]; i++){				if(index == ci.getAttribute("data-index")){					$(ci).addClass("show");				}else{					$(ci).removeClass("show");				}			}		});