欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

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

程序员文章站 2022-05-17 15:23:00
...
我要将这个网址

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