以下是html代码<div class="list">
<ul>
<li>
<div class="con">
<div class="space" id="thumb_1_show"></div>
<div class="intro"> </div>
</div>
<div class="img" id="thumb_1_view">
<ul>
<li id="thumb_1_1"><a href=""><img src="images/thumb_1.jpg"></a></li>
<li id="thumb_1_2"><a href=""><img src="images/thumb_2.jpg"></a></li>
<li id="thumb_1_3"><a href=""><img src="images/thumb_3.jpg"></a></li>
</ul>
</div>
</li>
<li>
<div class="con">
<div class="space" id="thumb_2_show"></div>
<div class="intro">
</div>
</div>
<div class="img" id="thumb_2_view">
<ul>
<li id="thumb_2_1"><a href=""><img src="images/thumb_1.jpg"></a></li>
<li id="thumb_2_2"><a href=""><img src="images/thumb_2.jpg"></a></li>
<li id="thumb_2_3"><a href=""><img src="images/thumb_3.jpg"></a></li>
</ul>
</div>
</li>
<li>
<div class="con">
<div class="space" id="thumb_3_show"></div>
<div class="intro">
</div>
</div>
<div class="img" id="thumb_3_view">
<ul>
<li id="thumb_3_1"><a href=""><img src="images/thumb_1.jpg"></a></li>
<li id="thumb_3_2"><a href=""><img src="images/thumb_2.jpg"></a></li>
</ul>
</div>
</li>
</ul>
</div>
</div>
下面是js$(document).ready(function(){
var Marcount = $(".list").children("ul").children("li").length;
for(var m=1;m<Marcount+1;m++){
var Padcount = $("#thumb_"+m+"_view").find("li").length;
var ShowDiv = $("#thumb_"+m+"_show");
for(var n=1;n<Padcount+1;n++){
$("#thumb_"+m+"_"+n).bind("mouseover mousemove",(function(e){
$(this).css("background","#0078C4");
var myImg = "<img src=\""+$(this).find("img").attr("src")+"\">";
ShowDiv.remove("img");
ShowDiv.append(myImg);
//alert("#thumb_"+m+"_show");
}));
$("#thumb_"+m+"_"+n).bind("mouseout",(function(e){
$(this).css("background","");
}));
}
}
});
现在的问题插入不到指定的区域内,而且如果原来已经插入过,再次插入不能移除旧的,替换成新的。谁帮我看看。
<ul>
<li>
<div class="con">
<div class="space" id="thumb_1_show"></div>
<div class="intro"> </div>
</div>
<div class="img" id="thumb_1_view">
<ul>
<li id="thumb_1_1"><a href=""><img src="images/thumb_1.jpg"></a></li>
<li id="thumb_1_2"><a href=""><img src="images/thumb_2.jpg"></a></li>
<li id="thumb_1_3"><a href=""><img src="images/thumb_3.jpg"></a></li>
</ul>
</div>
</li>
<li>
<div class="con">
<div class="space" id="thumb_2_show"></div>
<div class="intro">
</div>
</div>
<div class="img" id="thumb_2_view">
<ul>
<li id="thumb_2_1"><a href=""><img src="images/thumb_1.jpg"></a></li>
<li id="thumb_2_2"><a href=""><img src="images/thumb_2.jpg"></a></li>
<li id="thumb_2_3"><a href=""><img src="images/thumb_3.jpg"></a></li>
</ul>
</div>
</li>
<li>
<div class="con">
<div class="space" id="thumb_3_show"></div>
<div class="intro">
</div>
</div>
<div class="img" id="thumb_3_view">
<ul>
<li id="thumb_3_1"><a href=""><img src="images/thumb_1.jpg"></a></li>
<li id="thumb_3_2"><a href=""><img src="images/thumb_2.jpg"></a></li>
</ul>
</div>
</li>
</ul>
</div>
</div>
下面是js$(document).ready(function(){
var Marcount = $(".list").children("ul").children("li").length;
for(var m=1;m<Marcount+1;m++){
var Padcount = $("#thumb_"+m+"_view").find("li").length;
var ShowDiv = $("#thumb_"+m+"_show");
for(var n=1;n<Padcount+1;n++){
$("#thumb_"+m+"_"+n).bind("mouseover mousemove",(function(e){
$(this).css("background","#0078C4");
var myImg = "<img src=\""+$(this).find("img").attr("src")+"\">";
ShowDiv.remove("img");
ShowDiv.append(myImg);
//alert("#thumb_"+m+"_show");
}));
$("#thumb_"+m+"_"+n).bind("mouseout",(function(e){
$(this).css("background","");
}));
}
}
});
现在的问题插入不到指定的区域内,而且如果原来已经插入过,再次插入不能移除旧的,替换成新的。谁帮我看看。
解决方案 »
- 怎样用javascript实现控制表格单元格中的背景颜色
- js+ajax校验
- 对联广告火狐上无法正常运行
- 怎样把右边框架中的Dropdownlist控件的值传递到左边框架,作为左边javascript函数的实参?
- 用Iframe如何实现边载入边显示?(高手帮忙!!!!!!)
- (这个问题你们肯定遇见)求助:这句话该怎么写:vartempHtml ="<INPUT type='button' name='but' onclick='nihao(" + movName + ")' value='
- 问下下,javascript中动态生成的表格怎么控制位置?
- jquery中的validate控件出现错误验证提示后,如何清空错误,变成就像没执行验证的时候一样?
- 誰有關於JavaScript操縱Table的相關資料--收到給分
- 这个效果可以用javascript实现吗?
- 手风琴如何改成竖排的效果?
- jquery怎么移除不了事件呢?
append经常会出现莫名其妙的问题。
另外,如果要使某个操作对页面的某类节点始终有效,这个节点最好是直接写在页面上,而不要使用js来生成这些节点。