用js解决jquery在360兼容模式下不起作用的事例

最新推荐文章于 2023-11-08 17:10:58 发布

会飞的小祥

最新推荐文章于 2023-11-08 17:10:58 发布

阅读量1w

点赞数

本文链接：https://blog.csdn.net/qq_27289001/article/details/50279733

版权

本文介绍如何使用JavaScript解决在360浏览器兼容模式下jQuery无法正常工作的问题，提供了一个具体的解决案例。

摘要由CSDN通过智能技术生成

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<script type="text/javascript">
function showdiv(thisdiv){
var varvalues="banner_son";
for(var i=1;i <=2;i++){
document.getElementById(varvalues+i).style.display='none'
}
document.getElementById(varvalues+thisdiv).style.display='block';
}
</script>
<body>
<div id="banner"><a href="#" id="menu1" οnmοuseοver="showdiv('1');">所有商品</a>
<a href="#" id="menu2" οnmοuseοver="showdiv('2');">新鲜水果</a>
</div>
<div id="banner_son1" style="display:none">1</div>
<div id="banner_son2" style="display:none">2</div>
</body>

</html>