a标签锚点平滑跳转

【a标签锚点平滑跳转】的更多相关文章

a标签锚点平滑跳转

一.创建锚点 <div class="header" id="top">//终点标签,添加一个id <a href="#top" class="fixed_top_a">^</a>//a标签href添加#id 锚点跳转很生硬,很不友好,找了两种平滑的跳转方法二.平滑跳转 $('a[href*=#],area[href*=#]').click(function () { if (locati…

平时我们做导航滚动到内容都是通过锚点来做,刷的一下就直接跳到内容了,没有一丝的滚动效果,而且 url 链接最后会有“小尾巴”,就像#keleyi,今天我就介绍一款 jquery 做的滚动的特效,既可以设置滚动速度,又可以在 url 链接上没有“小尾巴”. 效果体验:http://keleyi.com/keleyi/phtml/jqtexiao/37.htm HTML文件代码: <!DOCTYPE html> <html> <head> <meta charset=…

jQuery实现页内锚点平滑跳转

当页面内容长多,导致页面高度过高或过宽是,浏览起来就有点费劲,不过使用了锚点平滑跳转效果可以实现页面的跳转,从而加快速浏览想要浏览的模块.具体做法如下: 首先是菜单(锚点)的写法 <a href="#div1" id="adiv1">菜单1</a> <a href="#div1" id="adiv2">菜单2</a> <a href="#div1" id…

jQuery任意标签锚点跳转插件

// 任意锚点平滑跳转插件// 2010-07-15 v1.0(function($){ $.fn.zxxAnchor = function(options){ var defaults = { ieFreshFix: true, anchorSmooth: true, anchortag: "anchor", animateTime: 1000 }; var sets = $.extend({}, defaults, options || {}); //修复IE下刷新锚点失效的问题…

jQuery下锚点的平滑跳转

对于锚点的平滑跳转,我觉得要谨慎使用,在个人站点或是这个效果含有功能提示可以用一用,在一般的商业性质的网站上,权衡来讲,不用更好,当然,这只是我的个人意见.jQuery库已经为我们做了很多的工作了,所以,在jQuery下实现锚点的平滑跳转是简单轻松的.例如,我们要让页面平滑滚动到一个id为box的元素处,则jQuery代码只要一句话,如下: $("html,body").animate({scrollTop: $("#box").offset().top}, 100…

JQuery实现锚点平滑滚动

一般使用锚点来跳转到页面指定位置的时候,会生硬地立即跳转到指定位置,但是有些时候我们想要平滑地过渡到指定的位置,那么可以使用JQuery简单的实现这个效果: 比如,这里我们将通过点击<a>标签跳转到 id为content的指定位置那里. <a id="turnToContent" href="#content"></a> 然后呢,就在我们想要的位置设置id为content的内容块,这里用一个div模拟一篇不像文章的文章.最好将此d…

<a>标签点击不跳转

HTML中的<a></a>标签点击不跳转的方法一.<a href="####" ></a> 使用这个方法我们会发现<a href="#"> 点击链接后,页面会向上滚到页首,# 默认锚点为 #TOP,“#”包含了一个位置信息二.<a href="javascript:void(null)"></a> 三.<a href="javascript:v…

点击<a>标签后禁止页面跳至顶部

一.点击<a>标签后禁止页面跳至顶部 1. 使用 href="javascript:void(0);",例如: <a href="javascript:void(0);"></a> 2. 将 href="#" 换成 href="###",例如: <a href="javascript:void(0);" onclick="doSave();"&g…

a标签点击不跳转的几种方法

a标签点击不跳转的几种方法 1.onclick事件中返回false <a href="http://www.baidu.com" onclick="return false" >不能跳到百度</a> 2. 用href=”javascript:void(0)”这种伪协议: 最常用的方法,也是最周全的方法,onclick方法负责执行js函数,而void是一个操作符,void(0)返回undefined,地址不发生跳转. a href="…

a标签中可以加button,但是不提倡；button中不能加a标签，否则不能跳转

a标签中可以加button,但是不提倡:button中不能加a标签,否则不能跳转…