`

用jquery来为链接添加效果

阅读更多
http://oopstudios.com/dlink/index.html 这个玩意有点意思,不过jqueyr做起来更方便.

js :

$(document).ready(function(){
	$("a[href^='mailto']").addClass("email")
	$("a[href^='http']").not("[href*=mysite]").addClass("external")
	$("a[href^='#']").addClass("anchor");
});


css :

a.external{
	background: url("../images/external.png") no-repeat top right;
	padding-right: 15px;
}

a.email{
	background: url("../images/eml.png") no-repeat top right;
	padding-right: 18px;
}

a.anchor{
	background: url("../images/anc.png") no-repeat top right;
	padding-right: 18px;
}
分享到:
评论

相关推荐

    简单的用jquery仿a锚点连接的效果

    然而,有时候我们可能需要更灵活的控制跳转效果,比如添加动画或者更复杂的交互,这时我们可以借助JavaScript库如jQuery来实现。本教程将讲解如何使用jQuery模拟A锚点连接的效果。 首先,我们需要理解HTML的基础...

    jQuery无缝滚动跑马灯效果

    jQuery无缝滚动跑马灯效果是一种常见的网页动态展示技术,它利用JavaScript库jQuery的高效特性,为网站添加一种吸引用户注意力的视觉效果。这种效果通常应用于新闻更新、广告展示或者产品介绍等区域,使得信息能够以...

    jQuery+CSS实现淡入效果的超链接样式

    本文将深入探讨如何使用jQuery和CSS技术来实现超链接的淡入效果,提升用户体验,使得页面交互更加生动有趣。 首先,我们要了解jQuery库。jQuery是一款广泛应用于前端开发的JavaScript库,它简化了JavaScript的DOM...

    jQuery-UI和jsPlumb实现拖拽连接模型demo下载

    总之,jQuery-UI和jsPlumb结合使用,为Web开发人员提供了一种强大而灵活的方式来构建具有拖放和连接功能的交互式界面。通过理解这两个库的基本概念和API,开发者可以创建出更加生动、富有表现力的Web应用。

    JQuery实现流程图效果

    2. 动画效果:使用jQuery的`animate()`方法为流程图添加过渡动画,例如在节点之间平滑移动,或者当鼠标悬停时高亮显示。 ```javascript $('.node').hover(function() { $(this).stop().animate({ backgroundColor:...

    纯JQuery实现TreeView示例带连接虚线|多选框

    在本文中,我们将深入探讨如何使用纯jQuery来创建一个具备连接虚线和多选功能的TreeView组件。TreeView是一种常见的UI元素,它以树状结构显示数据,常用于导航菜单、文件系统浏览或层级数据的展示。jQuery是一个轻量...

    jquery链接数据库登陆案例

    2. 事件处理:jQuery提供了绑定事件的方法,如`$(selector).click(function() {...})`用于在元素上添加点击事件。 3. 动画效果:jQuery提供了一系列动画方法,如`fadeIn()`, `fadeOut()`, `slideToggle()`等,使...

    jquery块元素连接线.zip

    "jquery块元素连接线"这个主题可能涉及到的是如何使用jQuery来实现页面中不同元素之间的连线效果,这在数据可视化、流程图或者网络拓扑图的展示中非常常见。 首先,我们需要理解jQuery的基本用法。jQuery的核心功能...

    jquery多选框

    在网页开发中,jQuery是一个非常流行的JavaScript库,它极大地简化了DOM操作、事件处理和动画效果。本主题聚焦于“jQuery多选框”,这是一种利用jQuery实现的增强型多选功能,能够提供更丰富的用户交互体验。 ...

    jQuery动态添加节点循环流程图表代码

    5. **更新视觉效果**:可能需要通过修改CSS或更新SVG路径来反映新添加的节点,确保流程图的视觉一致性。 6. **处理链接**:确保新节点与其他节点之间的链接正确建立,如果流程图是循环的,还要处理好回路的情况。 ...

    PHP+jQuery+Ajax漂亮的许愿墙效果

    在许愿墙效果中,jQuery使得用户界面更加友好,例如,当用户提交许愿时,可以显示加载动画,许愿成功后更新页面而不需刷新整个页面。此外,jQuery还用于处理用户交互,如点击按钮、鼠标悬停等。 3. Ajax:Ajax的...

    jquery API 和 jquery ui API

    2. **DOM操作(DOM Manipulation)**:jQuery 提供了便捷的方法来创建、修改和删除DOM元素。例如,`append()` 和 `prepend()` 用于在元素内部添加内容,`html()` 和 `text()` 用于获取或设置元素的HTML或文本内容,`...

    JQuery流程图

    例如,你可以用jQuery来改变元素的显示状态(隐藏或显示)、设置过渡效果以模拟流程的流动,或者通过绑定事件来响应用户的交互,如点击按钮进行下一步操作。 接下来是“processDesigner”。这个名字暗示着可能是一...

    jquery模仿falsh翻转效果

    本教程将介绍如何使用 jQuery 实现 Flash 翻转效果,为网页添加引人注目的视觉元素。 首先,理解“翻转效果”是指元素在点击或触发某些事件后,沿着一个或多个轴线进行旋转,展示其背面或隐藏的内容。在 Flash 中,...

    jquery手册(jquery.cuishifeng.cn网页版)2

    2. **DOM操作**: jQuery提供了简便的方法来操作DOM,如`$(selector).append()`用于在选定元素后面添加内容,`$(selector).remove()`删除匹配的元素,`$(selector).clone()`复制元素。 3. **事件处理**: 使用`.on()`...

    jQuery业务审批流程图工具代码.zip

    这个工具可能使用SVG(可缩放矢量图形)或canvas元素来绘制流程图,通过jQuery来操纵这些图形元素的位置和样式。 3. **数据结构**:流程图的逻辑通常需要一个数据结构来存储,可能是对象数组或图结构,包含节点信息...

    用jquery+jsp实现魔幻滑动注册表

    在IT行业中,jQuery是一个广泛使用的JavaScript库,它极大地简化了DOM操作、事件处理、动画制作以及Ajax交互。本文将深入探讨如何使用jQuery和JSP(JavaServer Pages)结合,实现一个具有魔幻滑动效果的注册表单。...

Global site tag (gtag.js) - Google Analytics