如何将 html 中 的鼠标hover事件,改为 鼠标点击事件_html/css_WEB-ITnose
程序员文章站
2022-05-17 15:23:00
...
我要将这个网址
http://www.4on.cn/home/index/common.shtml
这里面的元素都是鼠标指上去,右边的内容就马上显示出来,
我想要改成。 要鼠标点击,右边才改变。
我是新手,需要一个直接改动 这个页面 html 代码的方法
多谢了。
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"); } } });
上一篇: 繁体字好听的非主流QQ网名
推荐阅读
-
关于鼠标进入、离开、点击事件的问题_html/css_WEB-ITnose
-
关于鼠标进入、离开、点击事件的问题_html/css_WEB-ITnose
-
html中由元素上的鼠标点击触发的事件属性onclick
-
html中在鼠标双击元素时触发的事件属性ondblclick
-
html5中当鼠标滚轮正在被滚动时运行的脚本的事件onmousewheel
-
如何将 html 中 的鼠标hover事件,改为 鼠标点击事件_html/css_WEB-ITnose
-
HTML5 canvas 如何通过鼠标点击事件弹出一个table来?急急急~_html/css_WEB-ITnose
-
原来被 disabled 的 input 元素是不响应鼠标事件的_html/css_WEB-ITnose
-
html中在鼠标指针移动到元素外时触发的事件属性onmouseout
-
原来被 disabled 的 input 元素是不响应鼠标事件的_html/css_WEB-ITnose