具体代码如下所示： <!DOCTYPE html> <html><head><meta charset="utf-8" /><title>login</title><script type="text/javascript" src="jquery.min.js"></script></head><style>body{margin:0;padding:40px;background:#fff;font:80% Arial, Helvetica, sans-serif;color:#555;line-height:180%;}p{clear:both;margin:0;padding:.5em 0;}#tooltip{position:absolute;border:1px solid #333;background:#f7f5d1;padding:1px;color:#...
下面给大家分享一段jquery代码实现弹出窗口打开链接的实现方法 window.open(url, name, style, replace); //弹出窗口打开链接，参数：网址，命名，窗体样式，是否替代原窗口用处：打开新窗体，打开自定义页面 <!DOCTYPE html> <html><head><meta charset="utf-8"><title>在弹出窗口中打开新连接</title></head><body><div class="wrap"><button class="open-new-link">打开链接</button></div></body><script src="../source/jquer...
本文实例讲述了jQuery实现的超链接提示效果。分享给大家供大家参考，具体如下： <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> </head> <body> <style type="text/css"> *{margin:0;padding:0;} ul li{ list-style:none;} img {border:0 none;} body {padding:100px;} .tooltip{position:absolute;display:none;border:1px solid #333; border-radius:8px; box-shadow:0 ...
对于外链，为了留住用户在本站，我们通常会使用新窗口打开，你可以设置target="_blank"。然而手动一个是麻烦，另一个则是有可能会遗漏，本文通过jQuery查询要点击的链接，添加相关属性，使其打开新窗口。 $(document).on(click,a,function(){ var url = this.href,hash=; if(url.indexOf(#)>-1){ hash = !!url.split(#)[1] ? # + url.split(#)[1] :; url = url.split(#)[0]; } if(url && url.substr(0,4) == http && url.indexOf(...
本文实例讲述了jQuery实现查找链接文字替换属性的方法，分享给大家供大家参考，具体如下： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>jQuery链接文字替换属性</title> <script language="JavaScript" src=...
本文章介绍了一种比较常用的效果，那就是当鼠标滑过链接的时候，能够出现跟随鼠标指针移动的图层，在实际应用中，一般是对于链接的一些说明文字或者图片等等，下面是代码实例: <!DOCTYPE html> <html> <head> <meta charset="gb2312"> <title>脚本之家</title> <style type="text/css"> body{margin:0;padding:40px;background:#fff;font:80% Arial, Helvetica, sans-serif;color:#555;line-height:180%; } a{text-decoration:none...
本文实例讲述了jquery利用拖拽方式在图片上添加热链接的实现过程，分享给大家供大家参考。具体如下： 运行效果截图如下：项目的需求，要在一张图片上加不同的链接，比如说，图片是一个套房，里面有沙发，茶几，酒柜，电视柜等，然后在这些物件上加一个超链接，点击后打开相关产品的介绍。 用jquery写了一个在图片添加锚点的功能，实现的原理：一个文本框写入标题，一个文本框写链接，一个添加按钮，一个编辑按钮，当写好内容后点击...
菜单（Menu）定义在一些 DIV 标记中，如下所示：<div id="mm" class="easyui-menu" style="width:120px;"><div onclick="javascript:alert(new)">New</div><div><span>Open</span><div style="width:150px;"><div><b>Word</b></div><div>Excel</div><div>PowerPoint</div></div></div><div icon="icon-save">Save</div><div class="menu-sep"></div><div>Exit</div></div>当菜单创建之后是不显示的，调用 show 方法显示它或者调用 ...
本文实例讲述了jQuery实现鼠标滑过链接控制图片的滑动展开与隐藏效果。分享给大家供大家参考，具体如下： 这里演示jQuery实现鼠标移动到链接上，滑动展开/隐藏图片效果，鼠标放在“上一页”“下一页”上，立即浮现出所对应的图片，有点提前预览的味道，让用户知道下一页或下一页的大致内容，很好的提升了用户体验。 运行效果截图如下：在线演示地址如下： http://demo.jb51.net/js/2015/jquery-mouse-over-link-pic-show-codes/ 具...
本文实例讲述了jQuery下拉友情链接美化效果，jQuery下拉友情链接美化代码是一款基于jQuery实现的下拉美化特效，分享给大家供大家参考。具体如下： 运行效果图： -------------------查看效果-------------------小提示：浏览器中如果不能正常运行，可以尝试切换浏览模式。 为大家分享的jQuery下拉友情链接美化效果代码如下<head> <meta http-equiv="Content-Type" content="tex...
如题所述，当出现这样的功能，点击某个链接后，给跳转后的该链接地址添加样式，通过添加class为current来增加特殊样式。 如图所示：点击HTML+css3跳转后，给其添加如图样式：js代码如下： var currUrl = window.location.href;var currStyle = function (links){links.each(function(){var url = $(this).attr(href);if (currUrl.indexOf(url) != -1){$(this).addClass("current");return false;}}); }怎样调用呢？ 如下jquery调用...
本文实例讲述了jQuery实现平滑滚动页面到指定锚点链接的方法。分享给大家供大家参考。具体如下： $.fn.scroller = function() {var speed = slow; // Choose default speed$(this).each(function() {$(this).bind(click, function() {var target = $(this).attr(href); // Get scroll target$(target).ScrollTo(speed);return false;});}); }希望本文所述对大家的jquery程序设计有所帮助。
本文实例讲述了jQuery匹配文档链接并添加class的方法。分享给大家供大家参考。具体如下： 这里使用jQuery自动发现针对文档的链接并添加class，如doc，xls，pdf文档。 $(a[href]).each(function() {if((C = $(this).attr(href).match(/[.](doc|xls|pdf)$/))) {$(this).addClass(C[1]);} });希望本文所述对大家的jQuery程序设计有所帮助。
本文实例讲述了jquery分析文本里url或邮件地址为真实链接的方法。分享给大家供大家参考。具体如下： 这段代码可以分析出文本里的所有超级链接，包含邮件、url、#链接等等，并分别输出为真实链接地址 $.fn.tweetify = function() {this.each(function() {$(this).html($(this).html().replace(/((ftp|http|https):\/\/(\w+:{0,1}\w*@)?(\S+)(:[0-9]+)?(\/|\/([\w#!:.?+=&%@!\-\/]))?)/gi,<a href="$1">$1</a>).replace(/(^|\s)#(\w+...
本文实例讲述了JQuery实现超链接鼠标提示效果的方法。分享给大家供大家参考。具体分析如下： 浏览器其实已经自带了超链接提示，只需在超链接中加入title属性就可以了。但是这个提示效果的响应速度是非常缓慢的，大概要延迟1秒左右啊。我们现在需要的是当鼠标移动到超链接的那一瞬间就出现提示。这时就需要移除a标签中的title提示效果，自己动手做一个类似功能的提示。 HTML设计如下：代码如下:<p><a href="//www.gxlcms.com/" clas...