求助 如何将 html 中 的鼠标hover事件，改为 鼠标点击事件

[daodaoyu222]

我要将这个网址

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

		});