一般使用锚点来跳转到页面指定位置的时候，会生硬地立即跳转到指定位置，但是有些时候我们想要平滑地过渡到指定的位置，那么可以使用JQuery简单的实现这个效果： 比如，这里我们将通过点击标签跳转到 id为content的指定位置那里。然后呢，就在我们想要的位置设置id为content的内容块，这里用一个div模拟一篇不像文章的文章。最好将此div放在靠后的位置，这样效果就很明显一点，如果只是测试一下这个效果，可以用简单粗暴的方法，在...
本文实例讲述了jquery实现外部链接用新窗口打开的方法。分享给大家供大家参考。具体实现方法如下：$("a[href^='http://']").click(function(){this.target = "_blank"; });或者使用下面这个$(function(){$("a[href^='http://']").attr({'target':'_blank'}) })希望本文所述对大家的jQuery程序设计有所帮助。
本文实例讲述了JQuery实现超链接鼠标提示效果的方法。分享给大家供大家参考。具体分析如下： 浏览器其实已经自带了超链接提示，只需在超链接中加入title属性就可以了。但是这个提示效果的响应速度是非常缓慢的，大概要延迟1秒左右啊。我们现在需要的是当鼠标移动到超链接的那一瞬间就出现提示。这时就需要移除a标签中的title提示效果，自己动手做一个类似功能的提示。 HTML设计如下：代码如下:欢迎访问脚本之家 然后为class为toolt...
本文实例讲述了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,'$1').replace(/(^|\s)#(\w+)/g,'$1#$2').replace...
本文实例讲述了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实现平滑滚动页面到指定锚点链接的方法。分享给大家供大家参考。具体如下：$.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程序设计有所帮助。
如题所述，当出现这样的功能，点击某个链接后，给跳转后的该链接地址添加样式，通过添加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下拉友情链接美化效果，jQuery下拉友情链接美化代码是一款基于jQuery实现的下拉美化特效，分享给大家供大家参考。具体如下： 运行效果图： -------------------查看效果-------------------小提示：浏览器中如果不能正常运行，可以尝试切换浏览模式。 为大家分享的jQuery下拉友情链接美化效果代码如下jQuery下拉友情链接美化代码BODY {FONT: 12px "宋体", ...
本文实例讲述了jQuery实现鼠标经过时出现隐藏层文字链接的方法。分享给大家供大家参考。具体如下： 这里演示Jquery显示隐藏层的方法，鼠标经过时出现文字链接，模拟评分效果，这里没有加动作，仅显示了前台效果的实现。 运行效果截图如下：在线演示地址如下： http://demo.jb51.net/js/2015/jquery-mouse-over-show-txt-demo/ 具体代码如下：JQ显示隐藏层，鼠标经过时出现文字链接 .list span{display:none}$(function(){$(".list ...
本文实例讲述了jQuery实现鼠标滑过链接控制图片的滑动展开与隐藏效果。分享给大家供大家参考，具体如下： 这里演示jQuery实现鼠标移动到链接上，滑动展开/隐藏图片效果，鼠标放在“上一页”“下一页”上，立即浮现出所对应的图片，有点提前预览的味道，让用户知道下一页或下一页的大致内容，很好的提升了用户体验。 运行效果截图如下：在线演示地址如下： http://demo.jb51.net/js/2015/jquery-mouse-over-link-pic-show-codes/ 具...
菜单（Menu）定义在一些 DIV 标记中，如下所示：当菜单创建之后是不显示的，调用 show 方法显示它或者调用 hide 方法隐藏它：创建链接按钮（Link Button） 通常情况下，使用 元素来创建按钮，而链接按钮（Link Button）则是使用 元素来创建的。所以实际上一个链接按钮（Link Button）就是一个显示为按钮样式的 元素。为了创建链接按钮（Link Button），所有您需要做的就是添加一个名为 easyui-linkbutton 的 class 属性到 元素...
本文实例讲述了jquery利用拖拽方式在图片上添加热链接的实现过程，分享给大家供大家参考。具体如下： 运行效果截图如下：项目的需求，要在一张图片上加不同的链接，比如说，图片是一个套房，里面有沙发，茶几，酒柜，电视柜等，然后在这些物件上加一个超链接，点击后打开相关产品的介绍。 用jquery写了一个在图片添加锚点的功能，实现的原理：一个文本框写入标题，一个文本框写链接，一个添加按钮，一个编辑按钮，当写好内容后点击...
本文章介绍了一种比较常用的效果，那就是当鼠标滑过链接的时候，能够出现跟随鼠标指针移动的图层，在实际应用中，一般是对于链接的一些说明文字或者图片等等，下面是代码实例:脚本之家body{margin:0;padding:40px;background:#fff;font:80% Arial, Helvetica, sans-serif;color:#555;line-height:180%; } a{text-decoration:none;color:#f30; } p{clear:both;margin:0;padding:.5em 0; } img{border:none;} #screenshot{position:...
做项目的时候遇到这个问题，，按理说只要是会套模板的，就不该出现这种低级问题。然后我的后台并没有模板，，并且我的js,jquery水平是小学水平，所以这个也困扰了我将近一下午。在此总结一下，分享给大家。分享使我快乐！！！ 一、请看代码，容我分析一下1、首先，menu代表我的菜单列表，a标签即是点击的链接。大致思路是先获取a链接的对象，然后进行循环，先取得a链接的href的值。 2、获取跳转后，该页面的url的值。进行比较即可 ...
一、获取地址栏参数的方法 获取地址栏参数的方法 <script type="text/javascript"> (function ($) {$.getUrlParam = function (name) {var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");var r = window.location.search.substr(1).match(reg);if (r != null) return unescape(r[2]); return null;} })(jQuery); $(function () {alert(window.location.href);alert($.getUrlParam(page)); }) </script>获取href连接： $(doc...