<!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=utf-8" /><title>无标题文档</title><link rel="stylesheet" href="main.css" type="text/css"/><script src="js/jquery-1.3.2.js"></script><script src="js/02.js"></script></head>
<body>
<div id="kuang"> <ul> <li class="cl1">杜甫</li> <li>李白</li> <li>郑燮</li> </ul> <div class="cont">早发白帝城 [唐]李白<br />
朝辞白帝彩云间，千里江陵一日还。<br />
两岸猿声啼不住，轻舟已过万重山。<br />
</div> <div class="cont"> 墨竹图题诗（清）郑 燮<br />
衙斋卧听萧萧竹，疑是民间疾苦声。<br />
些小吾曹州县吏，一枝一叶总关情。<br />
</div> <div class="cont"> 杜甫《绝句》 <br />
两个黄鹂鸣翠柳， 一行白鹭上青天。<br />
窗含西岭千秋雪， 门泊东吴万里船。<br />
</div></div>
</body></html>-----------------------------------------------------------------------------------------------------02.js
// JavaScript Document
$(document).ready(abc);
function abc(){ $(".cont").hide(); $(".cont:first").show(); $("li:first").addClass("cl2"); $("li").mouseover(function(){ $("li").removeClass("cl2"); $(this).addClass("cl2"); var index1 = $("li").index(this); $(".cont").hide().eq(index1).show(); });}----------------------------------------------------------------------------------------现在效果是鼠标滑过切换内容，我想要点击切换！ 好久没弄了！忘了！帮帮忙！
网页效果js onclick事件处理
答案:1 悬赏:20 手机版
解决时间 2021-05-23 09:46
- 提问者网友：谁的错
- 2021-05-23 02:53
最佳答案
- 五星知识达人网友：街头电车
- 2021-05-23 03:59
把你的js换成：
<script language="JavaScript">
<!--
$(document).ready(abc);
function abc(){
$(".cont").hide();
$(".cont:first").show();
$("li:first").addClass("cl2");
$("li").click(function(){ $("li").removeClass("cl2");
$(this).addClass("cl2");
var index1 = $("li").index(this);
$(".cont").hide().eq(index1).show();
});
}
//-->
</script>
下回麻烦缩进一下~
我要举报
如以上问答信息为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！
大家都在看
推荐资讯