当前位置: 代码迷 >> Web前端 >> jQuery剔除标签特效,亲情奉献,快乐共享
  详细解决方案

jQuery剔除标签特效,亲情奉献,快乐共享

热度:141   发布时间:2012-06-30 17:20:12.0
jQuery删除标签特效,亲情奉献,快乐共享


<dd style="width: 80%;" class="ddtxt">
										<div style="display: block;">
											<input style="display: none;" id="text_keyword_tags_703" class="inpt_sear2 width60 fl" onkeypress="text_tags_keypress(703);" onkeyup="text_tags_keypress(703);" maxLength="25">
										</div>
										<a href="javascript:add_tags(703);"><img align="top" src="images/icon_1.gif" width="18" height="17"> </a>&nbsp;&nbsp;
										<div style="top: -2px; display: none; position: relative;" id="div_tag_clone_703" class="a_tag_del">
											<img style="top: -2px; display: inline; position: relative; cursor: pointer;" onclick="delete_tag(703,'');" border="0" alt="删除" align="middle" src="images/transparent.gif" width="18" height="17">
											<a id="a_keyword_tags_703" href="#"></a>
											<div style="top: -2px; display: none;" class="listdl2in a_tag_del">
												<a href="#"></a>
												<div style="width: 100px; display: block;" class="listdl2move">
													<a href="#"><span class="delete fl"></span> </a>
												</div>
											</div>
										</div>
										
											
												<div style="top: -2px; display: inline; position: relative;" id="div_tag_703_快乐" class="a_tag_del">
													<img style="top: 0px; display: inline; position: relative;" onclick="delete_tag(703,'快乐');" border="0" alt="删除" align="middle" src="images/transparent.gif" width="18" height="17">
													<a id="a_keyword_tags_703" href="#">快乐</a>
													<div style="top: -2px; display: none;" class="listdl2in a_tag_del">
														<a href="#">快乐</a>
														<div style="width: 100px; display: block;" class="listdl2move">
															<a href="#"><span class="delete fl"></span>快乐</a>
														</div>
													</div>
												</div>
											
												<div style="top: -2px; display: inline; position: relative;" id="div_tag_703_幸福" class="a_tag_del">
													<img style="top: 0px; display: inline; position: relative;" onclick="delete_tag(703,'幸福');" border="0" alt="删除" align="middle" src="images/transparent.gif" width="18" height="17">
													<a id="a_keyword_tags_703" href="#">幸福</a>
													<div style="top: -2px; display: none;" class="listdl2in a_tag_del">
														<a href="#">幸福</a>
														<div style="width: 100px; display: block;" class="listdl2move">
															<a href="#"><span class="delete fl"></span>幸福</a>
														</div>
													</div>
												</div>
											
												<div style="top: -2px; display: inline; position: relative;" id="div_tag_703_甜蜜" class="a_tag_del">
													<img style="top: 0px; display: inline; position: relative;" onclick="delete_tag(703,'甜蜜');" border="0" alt="删除" align="middle" src="images/transparent.gif" width="18" height="17">
													<a id="a_keyword_tags_703" href="#">甜蜜</a>
													<div style="top: -2px; display: none;" class="listdl2in a_tag_del">
														<a href="#">甜蜜</a>
														<div style="width: 100px; display: block;" class="listdl2move">
															<a href="#"><span class="delete fl"></span>甜蜜</a>
														</div>
													</div>
												</div>
											
										
										<div style="display: none;" id="div_tag_703_none">
											<a href="javascript:delete_tag_none(703);">
												<img align="top" src="images/icon_2.gif" width="18" height="18"> </a>
											<font color="#6e726b">None</font>
											<font color="#e80000">请不要超过10个字符</font>
										</div>
									</dd>


// 防止标签在不同浏览器高度不兼容
	$(".a_tag_del").mouseover(function() {
				// $(this).prev().slideDown();
				// $(this).next().show();
			}).mousemove(function() {
				// $(this).prev().slideDown();
				$(this).children("img").eq(0).attr("src", "images/icon_2.gif")
						.css({
									"cursor" : "pointer",
									"position" : "relative",
									"top" : mybrowser.msie ? "0px" : "-3px"
								});
			}).mouseout(function() {
		// src="images/icon_delt.gif"
		// $(this).prev().delay(2000).slideUp("fast");
		$(this).children("img").eq(0).attr("src", "images/transparent.gif")
				.css("cursor", "");
	}).each(function() {
		$(this).css("top", mybrowser.msie ? "-2px" : "-3px").children("img")
				.eq(0).css({
							"cursor" : "pointer",
							"position" : "relative",
							"top" : mybrowser.msie ? "-2px" : "-3px"
						});
	});
	});

  相关解决方案