`

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"
						});
	});
	});

  • 大小: 11 KB
分享到:
评论

相关推荐

    前端+jQuery+实现烟花特效

    前端+jQuery+实现烟花特效前端+jQuery+实现烟花特效前端+jQuery+实现烟花特效前端+jQuery+实现烟花特效前端+jQuery+实现烟花特效前端+jQuery+实现烟花特效前端+jQuery+实现烟花特效前端+jQuery+实现烟花特效前端+...

    jQuery Tag文本标签特效.zip

    jQuery Tag文本标签特效是一款可自定义输入标签,也可按已有的标签选择添加。

    jQuery输入框回车添加标签特效.zip

    《jQuery输入框回车添加标签特效》 在Web开发中,用户交互的便捷性和友好性是提升用户体验的关键因素之一。jQuery库因其丰富的功能和简洁的API,被广泛应用于实现各种前端交互效果。本主题将详细解析如何利用jQuery...

    红色喜庆jquery抽奖网页特效.rar

    红色喜庆jquery抽奖网页特效.rar 红色喜庆jquery抽奖网页特效.rar 红色喜庆jquery抽奖网页特效.rar 红色喜庆jquery抽奖网页特效.rar 红色喜庆jquery抽奖网页特效.rar 红色喜庆jquery抽奖网页特效.rar 红色喜庆jquery...

    【Jquery经典特效2】jQuery个人简介特效页面代码

    【jQuery经典特效2】——jQuery个人简介特效页面代码 jQuery是一个高效、简洁且功能丰富的JavaScript库,它极大地简化了JavaScript的DOM操作、事件处理、动画设计以及Ajax交互。本篇文章将深入探讨如何利用jQuery...

    简单实用的jQuery表单输入框浮动标签动画特效插件

    "简单实用的jQuery表单输入框浮动标签动画特效插件"就是这样一个致力于提升表单交互体验的工具。这个插件利用JavaScript库jQuery的力量,为表单输入框提供了创新的浮动标签效果,使得用户在填写信息时能更加清晰、...

    jQuery 3D文字特效

    jQuery 3D文字特效是一种利用JavaScript库jQuery创建的动态视觉效果,它使得文本呈现出立体感,增强了网页的交互性和视觉吸引力。在提供的代码中,我们可以看到一个简单的HTML结构,CSS样式以及jQuery脚本,用于实现...

    jquery数字切换特效.zip

    《jQuery数字切换特效详解》 在网页开发中,动态效果的运用可以极大地提升用户体验,而数字切换特效就是其中一种常见的视觉表现手法。本篇文章将详细探讨"jQuery数字切换特效",这是一种让数字在页面上以各种动画...

    jQuery和CSS3炫酷表单浮动标签特效

    **jQuery和CSS3炫酷表单浮动标签特效详解** 在网页设计中,用户交互体验是至关重要的元素之一,其中表单的设计与交互性扮演着重要角色。浮动标签特效(Floating Label)是一种现代化的表单设计模式,它在用户输入时...

    jquery大量特效demo

    jquery大量特效demo jquery大量特效demo jquery大量特效demo jquery大量特效demo jquery大量特效demo jquery大量特效demo jquery大量特效demo

    jQuery动态添加删除编辑标签代码.zip

    4. **JS特效-文字特效**:标签系统的交互性可能包括一些文字特效,比如悬停高亮、过渡动画等,这些都可以用jQuery的动画API来实现。例如,可以通过`.fadeIn()`和`.fadeOut()`来创建淡入淡出效果,或者使用`.animate...

    jQuery表单输入框浮动标签特效.zip

    《jQuery表单输入框浮动标签特效的实现与应用》 在网页设计中,表单是收集用户信息的重要工具,而良好的用户体验则是提升用户满意度的关键。jQuery表单输入框浮动标签特效,正是为了优化这一交互过程而诞生的一种...

    五种jQuery鼠标移动点击特效 雪花 气泡 蝙蝠 表情 星星

    五种jQuery鼠标移动点击特效 雪花 气泡 蝙蝠 表情 星星 五种jQuery鼠标移动点击特效 雪花 气泡 蝙蝠 表情 星星 五种jQuery鼠标移动点击特效 雪花 气泡 蝙蝠 表情 星星 五种jQuery鼠标移动点击特效 雪花 气泡 蝙蝠 ...

    jquery a标签锚点定位特效.zip

    然而,"jquery a标签锚点定位特效" 提供了一种增强用户体验的方式,它利用JavaScript库jQuery来实现更平滑、更动态的锚点定位效果。这个特效不仅仅是简单的跳转,而是通过动画过渡使得页面滚动更为流畅,从而增加了...

    jQuery实现标签360度切换的菜单特效代码.rar

    这个“jQuery实现标签360度切换的菜单特效代码”是一个利用jQuery创建的互动菜单系统,它为用户界面带来了独特的视觉效果。下面将详细介绍这个特效的实现原理和相关知识点。 首先,jQuery的事件处理机制在这个菜单...

    使用jquery实现各种特效

    本教程将重点介绍如何使用jQuery来实现各种特效,以提升网页的用户体验。 首先,我们来看看“3D标签”特效。3D标签通常用于导航菜单,通过给传统的水平或垂直标签添加立体感,使页面更加吸引人。使用jQuery,我们...

    星球大战jQuery水平进度条特效.zip

    "星球大战jQuery水平进度条特效"就是利用jQuery库创建的一种视觉上吸引人的用户体验元素。 这个特效的核心在于模拟星球大战电影中经典的激光剑(Lightsaber)效果。激光剑在电影中以其独特的颜色和动态效果成为了...

    jQuery超酷弹出窗体特效,jQuery特效

    本文将深入探讨“jQuery超酷弹出窗体特效”,包括如何实现最大最小化、关闭收缩功能以及与CSS的结合使用。 首先,jQuery的弹出窗体特效通常涉及到创建一个可浮动的对话框或模态窗口,这些窗口可以用于显示信息、...

    js特效和jquery特效(-)

    js特效和jquery特效

    jQuery选项卡标签特效.zip

    jQuery选项卡标签特效&lt;/title&gt; [removed][removed] &lt;link rel="stylesheet" type="text/css" href="css/easyui.css?3.1.64"&gt; [removed][removed] [removed][removed] &lt;!--[if IE]&gt;  [removed]...

Global site tag (gtag.js) - Google Analytics