使用步骤如下：
1jQuery给放到一个文件夹里面,方便我们待会引用这个jQuery,这里我就放到我项目的js文件夹里面。
2然后我们来开始编辑HTML界面代码。
3使用script标签把jQuery引入到我们的HTML界面。src引号里面的就是我们的jQuery路径名称。
4接着再书写一个script标签对,里面写上jQuery入口函数,这样,当我们的HTML加载完成之后就会执行我们的jQuery代码
jquery中 你那个是中断吧
一般比如animate这个动画函数执行过程中 如果想停止 加个 鼠标绑定的动作或是点击的动作触发 stop()就可以停止当前动画
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<style>
detail_info {
position: absolute;
display: none;
}
</style>
</head>
<body>
<input type ="button" value="测试增加/移除监听" id="btn_bind"/>
<div style="position: relative;" id="box_content">
<input type="text" class="text" />
<input type="text" class="text" />
<!--浮动的详细信息-->
<div class="detail_info" id="box_detail">
浮动提示信息
</div>
</div>
<script type="text/javascript">
(function () {
documentgetElementById("btn_bind")addEventListener("click", function () {
if(thisbindStatue) {
removeEvent();
} else {
bindEvent();
}
thisbindStatue = !thisbindStatue;
});
function removeEvent() {
var inputs = documentquerySelectorAll("text");
for(var i = 0, length = inputslength; i < length; i++) {
inputs[i]removeEventListener("mousemove", showDetail);
inputs[i]removeEventListener("mouseout", hideDetail);
}
}
function bindEvent() {
var inputs = documentquerySelectorAll("text");
for(var i = 0, length = inputslength; i < length; i++) {
inputs[i]addEventListener("mousemove", showDetail);
inputs[i]addEventListener("mouseout", hideDetail);
}
}
function showDetail(e) {
var e = e || windowevent,
box = documentgetElementById("box_detail"),
content = documentgetElementById("box_content");
boxstyledisplay = "block";
boxstyletop = eclientY - contentoffsetTop + "px";
boxstyleleft = eclientX - contentoffsetLeft + "px";
}
function hideDetail() {
documentgetElementById("box_detail")styledisplay = "none";
}
})();
</script>
</body>
</html>
从代码上看是通过判断背景，来绝对nav-list下面所有<img显示那张；
调用changeIcon(mainNode)方法的地方 会传到进来一个mainNode，如果它为真，就判断；
但是"background-image"indexOf("hiconpng")>=0始终为-1，所以一直执行 $("nav-list img")attr("src","img/hiconpng");
估计猜他他想这么写$(this)css("background-image")indexOf("hiconpng");
总之，这段代码有点问题啊！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）