<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>
<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 Tag文本标签特效是一款可自定义输入标签,也可按已有的标签选择添加。
《jQuery输入框回车添加标签特效》 在Web开发中,用户交互的便捷性和友好性是提升用户体验的关键因素之一。jQuery库因其丰富的功能和简洁的API,被广泛应用于实现各种前端交互效果。本主题将详细解析如何利用jQuery...
红色喜庆jquery抽奖网页特效.rar 红色喜庆jquery抽奖网页特效.rar 红色喜庆jquery抽奖网页特效.rar 红色喜庆jquery抽奖网页特效.rar 红色喜庆jquery抽奖网页特效.rar 红色喜庆jquery抽奖网页特效.rar 红色喜庆jquery...
【jQuery经典特效2】——jQuery个人简介特效页面代码 jQuery是一个高效、简洁且功能丰富的JavaScript库,它极大地简化了JavaScript的DOM操作、事件处理、动画设计以及Ajax交互。本篇文章将深入探讨如何利用jQuery...
"简单实用的jQuery表单输入框浮动标签动画特效插件"就是这样一个致力于提升表单交互体验的工具。这个插件利用JavaScript库jQuery的力量,为表单输入框提供了创新的浮动标签效果,使得用户在填写信息时能更加清晰、...
jQuery 3D文字特效是一种利用JavaScript库jQuery创建的动态视觉效果,它使得文本呈现出立体感,增强了网页的交互性和视觉吸引力。在提供的代码中,我们可以看到一个简单的HTML结构,CSS样式以及jQuery脚本,用于实现...
《jQuery数字切换特效详解》 在网页开发中,动态效果的运用可以极大地提升用户体验,而数字切换特效就是其中一种常见的视觉表现手法。本篇文章将详细探讨"jQuery数字切换特效",这是一种让数字在页面上以各种动画...
**jQuery和CSS3炫酷表单浮动标签特效详解** 在网页设计中,用户交互体验是至关重要的元素之一,其中表单的设计与交互性扮演着重要角色。浮动标签特效(Floating Label)是一种现代化的表单设计模式,它在用户输入时...
jquery大量特效demo jquery大量特效demo jquery大量特效demo jquery大量特效demo jquery大量特效demo jquery大量特效demo jquery大量特效demo
4. **JS特效-文字特效**:标签系统的交互性可能包括一些文字特效,比如悬停高亮、过渡动画等,这些都可以用jQuery的动画API来实现。例如,可以通过`.fadeIn()`和`.fadeOut()`来创建淡入淡出效果,或者使用`.animate...
《jQuery表单输入框浮动标签特效的实现与应用》 在网页设计中,表单是收集用户信息的重要工具,而良好的用户体验则是提升用户满意度的关键。jQuery表单输入框浮动标签特效,正是为了优化这一交互过程而诞生的一种...
五种jQuery鼠标移动点击特效 雪花 气泡 蝙蝠 表情 星星 五种jQuery鼠标移动点击特效 雪花 气泡 蝙蝠 表情 星星 五种jQuery鼠标移动点击特效 雪花 气泡 蝙蝠 表情 星星 五种jQuery鼠标移动点击特效 雪花 气泡 蝙蝠 ...
然而,"jquery a标签锚点定位特效" 提供了一种增强用户体验的方式,它利用JavaScript库jQuery来实现更平滑、更动态的锚点定位效果。这个特效不仅仅是简单的跳转,而是通过动画过渡使得页面滚动更为流畅,从而增加了...
这个“jQuery实现标签360度切换的菜单特效代码”是一个利用jQuery创建的互动菜单系统,它为用户界面带来了独特的视觉效果。下面将详细介绍这个特效的实现原理和相关知识点。 首先,jQuery的事件处理机制在这个菜单...
本教程将重点介绍如何使用jQuery来实现各种特效,以提升网页的用户体验。 首先,我们来看看“3D标签”特效。3D标签通常用于导航菜单,通过给传统的水平或垂直标签添加立体感,使页面更加吸引人。使用jQuery,我们...
"星球大战jQuery水平进度条特效"就是利用jQuery库创建的一种视觉上吸引人的用户体验元素。 这个特效的核心在于模拟星球大战电影中经典的激光剑(Lightsaber)效果。激光剑在电影中以其独特的颜色和动态效果成为了...
本文将深入探讨“jQuery超酷弹出窗体特效”,包括如何实现最大最小化、关闭收缩功能以及与CSS的结合使用。 首先,jQuery的弹出窗体特效通常涉及到创建一个可浮动的对话框或模态窗口,这些窗口可以用于显示信息、...
js特效和jquery特效
jQuery选项卡标签特效</title> [removed][removed] <link rel="stylesheet" type="text/css" href="css/easyui.css?3.1.64"> [removed][removed] [removed][removed] <!--[if IE]> [removed]...