如何将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");				}			}		});