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下刷新锚点失效的问题…

html锚点的作用和js选项卡锚点跳转的使用

location是javascript里边管理地址栏的内置对象,比如location.href就管理页面的url,用location.href=url就可以直接将页面重定向url.而location.hash则可以用来获取或设置页面的标签值. 比如http://domain/#admin的location.hash="#admin".利用这个属性值可以做一个非常有意义的事情. 很多人都喜欢收藏网页,以便于以后的浏览.不过对于Ajax页面来说的话,一般用一个页面来处理所有的事务,也就是…

jquery 在页面上根据ID定位（jQuery锚点跳转及相关操作）经典

1.锚点跳转简介 Edit 锚点其实就是可以让页面定位到某个位置上的点.在高度较高的页面中经常见到.比如百度的百科页面,wiki中的page内容. 我知道实现锚点的跳转有两种形式,一种是a标签+name属性:还有一种就是使用标签的id属性.百度百科就是使用a标签的name属性来实现锚点跳转的. 比如: <a href=”#2”>波轮洗衣机介绍</a> <a name=”2”></a> 但是上种方法使用了一个空标签,而且有时候会出现锚点失效.所以建议采用id来…

jQuery 浮动标签插件，帮助你提升表单用户体验

浮动标签模式(Float Label Pattern)是最新流行的一种表单输入域的内容提示方式,当用户在输入框输入内容的时候,原先占位符的内容向上移动,显示在输入的内容的上面.这里推荐的这款 jQuery 插件就是帮助你实现浮动标签效果. 关于浮动标签模式更详细的内容可以参考这篇文章:<Float Label Pattern>. 您可能感兴趣的相关文章特别推荐:10套精美的免费网站后台管理系统模板 Parallax.js – 自适应智能设备方向的视差效果插件 Chance – 功能强大的 J…

jQuery手机触屏拖动滑块验证跳转插件

HTML: <!DOCTYPE html> <html lang="en"> <head> <title>jQuery手机触屏拖动滑块验证跳转插件</title> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE-edge,chrome=1"> <m…

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…

jQuery实现锚点跳转（就一行代码）

/* 锚点跳转 */ function anchor(p,fn) { $("html,body").animate({ scrollTop: $("#" + p + "").offset().top }, 1000,fn); }…

jQuery html5Validate基于HTML5表单验证插件

更新于2016-02-25 前面提到的新版目前线上已经可以访问: http://mp.gtimg.cn/old_mp/assets/js/common/ui/Validate.js demo体验狠狠地点击这里解决了之前组件如下不足: 1. 自定义验证顺序有问题: 2. 即时验证支持没内置: 3. 不能随意定制验证规则: 等等. 今年会开源,大家稍安~ 更新于2016-07-08 又有不少人问了,开源还需要时日.不过大家现在是可以使用的,下面是最简单使用,需要seajs: <script src…

（转）jQuery Validation Plugin客户端表单证验插件

jQuery Validation Plugin客户端表单验证插件官方文档:http://jqueryvalidation.org/documentation/ 官方demo:http://jquery.bassistance.de/validate/demo/ 下载:http://jquery.bassistance.de/validate/jquery-validation-1.11.1.zip jQuery Validation Plugin是一款客户端表单校验的插件,功能强大,使用简单…

a标签href不跳转禁止跳转

a标签href不跳转禁止跳转当页面中a标签不需要任何跳转时,从原理上来讲,可分如下两种方法: 标签属性href,使其指向空或不返回任何内容.如: <a href="javascript:void(0);" >点此无反应javascript:void(0)</a> <a href="javascript:;" >点此无反应javascript:</a> 标签事件onclick,阻止其默认行为.如: <a hre…

jquery+css3打造一款ajax分页插件

原文:[原创]jquery+css3打造一款ajax分页插件最近公司的项目将好多分页改成了ajax的前台分页以前写的分页插件就不好用了,遂重写一个支持IE6+,但没有动画效果如果没有硬需求,个人认为没必要多写js让动画在这些浏览器中实现css3的动画本来就是帮我们取代js中这部分动画代码的使js更纯粹地去实现逻辑效果图如下: 调用代码如下: 包括常用的加载失败重试,参数可配置是否能手动输入页码,设置按钮数目,可以调用多个page等等,调用代码很简便 <script type="tex…

各种HTML锚点跳转方式

1 js控制锚点跳转 <a name="anchor"></a> location.hash="anchor"; 不只有a其他元素也可以,比如在报表中:<tr id="tr1">...</tr>location.hash="tr1"或者用jQuery的动画滚动效果:var id="tr1";$('html,body').animate({scrollTop:…

jquery实战---标签页效果

在前面的博客中,小编主要简单的介绍了jquery的一些基本知识,今天这篇博文,小编继续来学习jquery的相关知识,今天我们来学习一个标签页的小例子,相关源码小编已经上传,有需要的小伙伴可以自己去下载哦`(*∩_∩*)′,点击即可下载!我们先来看一下最终的效果图. 如我们上述图片展示的,这个页面当中包含两个部分,上下各有一个标签页,我们经常会在web应用当中,看到标签页效果,主要的作用是在可视区内有限的区域内,在某一个区域内展现一些内容给用户,上面一个标签页,我们称之为滑动门技术,鼠标移动懂某一…

微信小程序 scroll-view 实现锚点跳转

在微信小程序中,使用 scroll-view 实现长页面的标记跳转,官方文档中没有例子演示,锚点标记主要是使用<scroll-view> 的 scroll-into-view 属性. 实现锚点跳转主要以下几点: 1.最外层容器使用 scroll-view 2.赋值scroll-into-view,如:<scroll-view scroll-into-view="{{toView}}"> 3.设置 scroll-view 滚动方向 scroll-y="t…

Bootstrap 标签页（Tab）插件

摘自: http://www.runoob.com/bootstrap/bootstrap-tab-plugin.html Bootstrap 标签页(Tab)插件标签页(Tab)在 Bootstrap 导航元素一章中介绍过.通过结合一些 data 属性,您可以轻松地创建一个标签页界面.通过这个插件您可以把内容放置在标签页或者是胶囊式标签页甚至是下拉菜单标签页中. 如果您想要单独引用该插件的功能,那么您需要引用 tab.js.或者,正如 Bootstrap 插件概览一章中所提到,您可以引用…

Dropdown.js基于jQuery开发的轻量级下拉框插件

Dropdown.js 前言在SPA(Single Page Application)盛行的时代,jQuery插件的轮子正在减少,由于我厂有需求而开发了这个插件.如果觉得本文对您有帮助,请给个赞,以表对我的鼓励和支持.(๑•ᴗ•๑)如果觉得有什么问题,可以到 Github 提Issue,欢迎大家提意见~ 介绍 Dropdown是面向PC端的基于jQuery开发的轻量级下拉框插件,支持key/value搜索,有token和select两种模式. 版本 1.0.0 支持 Internet Expl…

<A>标签锚标记

链接到本页面 – 锚记标签用于使用户“跳”到文档的某个部分 – HTML 的NAME 属性用于创建锚标记 <A NAME = “marker”>主题名称</A> – 为达到这种跳转效果,请在HREF 参数中使用该标记 <A HREF= “#marker”>主题名称</A> 只定义NAME属性相当于定义一个位置跳转到本文档中相应锚标记位置 <HEAD> <TITLE>链接到其他页面</TITLE> </HEAD>…

用jQuery.ajaxWebService请求WebMethod,Ajax处理实现局部刷新；及Jquery传参数，并跳转页面用post传过长参数

首先在aspx.cs文件里建一个公开的静态方法,然后加上WebMethod属性. 如: [WebMethod] public static string GetUserName() { //...... } 如果要在这个方法里操作session,那还得将WebMethod的EnableSession 属性设为true .即: [WebMethod(EnableSession = true)]//或[WebMethod(true)] public static string GetUs…

Bootstrap-Plugin：标签页（Tab）插件

ylbtech-Bootstrap-Plugin:标签页(Tab)插件 1.返回顶部 1. Bootstrap 标签页(Tab)插件标签页(Tab)在 Bootstrap 导航元素一章中介绍过.通过结合一些 data 属性,您可以轻松地创建一个标签页界面.通过这个插件您可以把内容放置在标签页或者是胶囊式标签页甚至是下拉菜单标签页中. 如果您想要单独引用该插件的功能,那么您需要引用 tab.js.或者,正如 Bootstrap 插件概览一章中所提到,您可以引用 bootstrap.js 或压…

js_html_input中autocomplete="off"在chrom中失效的解决办法使用JS模拟锚点跳转 js如何获取url参数 C#模拟httpwebrequest请求_向服务器模拟cookie发送实习期学到的技术（一） LinqPad的变量比较功能 ASP.NET EF 使用LinqPad 快速学习Linq

js_html_input中autocomplete="off"在chrom中失效的解决办法分享网上的2种办法: 1-可以在不需要默认填写的input框中设置 autocomplete="new-password"(已实测,有效) 网上咱没有找到对其详细解释,但是发现163邮箱的登录注册是这么用的, 2-在会自动填充内容在form表单的第一个Input前添加一个隐藏的input type="password"(待验证): <input…

jQuery下拉框扩展和美化插件Chosen

Chosen 是一个支持jquery的select下拉框美化插件,它能让丑陋的.很长的select选择框变的更好看.更方便.不仅如此,它更扩展了select,增加了自动筛选的功能.它可对列表进行分组,同时也可禁用某些选择项. 先来看下插件的效果: 下面和大家一起看下它的用法. 引入核心文件 <link rel="stylesheet" href="docsupport/style.css"> <link rel="stylesheet&q…

a 锚点跳转滑动效果

点击a链接时,跳转到相应id的位置处,有一个滑动效果. <a href="#my">我是跳转到div</a><div id="my"></div><script> $(function(){ //锚点跳转滑动效果 $('a[href*=#],area[href*=#]').click(function() { console.log(this.pathname) if (location.pathname.…

HTML meta锚点跳转小tips

小tips meta锚点跳转 http://www.zhangxinxu.com/wordpress/2015/03/meta-http-equiv-refresh-content/…

jQuery自定义漂亮的下拉框插件8种效果演示

原始的下拉框不好看这里推荐一个jQuery自定义漂亮的下拉框插件8种效果演示在线预览下载地址实例代码 <!DOCTYPE html> <html lang="en" class="no-js"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edg…

(转)jQuery Mobile 移动开发中的日期插件Mobiscroll 2.3 使用说明

(原)http://www.cnblogs.com/hxling/archive/2012/12/12/2814207.html jQuery Mobile 移动开发中的日期插件Mobiscroll 2.3 使用说明近期在移动方面的开发,使用jQuery Mobile ,移动方面的插件不如Web 方面的插件多,选择的更少,有一些需要自己去封装,但功力尚不足啊. 日期插件JQM也提供了内置的,但样式方面不好看,只好百度.Google啦,找到了两款 jquery-mobile-datebox…

基于jQuery的图片相册滑出放大插件

今天给大家带来一款基于jQuery的图片相册滑出放大插件.点击相册图片,展示该图片.该插件适用浏览器:IE8.360.FireFox.Chrome.Safari.Opera.傲游.搜狗.世界之窗..效果图如下: 在线预览源码下载实现的代码. html代码: <div class="menu"> <a href="index.html">演示1(默认)</a> <a class="cur" href…

zepto的scrollTo，实现锚点跳转

实现功能:点击右侧字母A,实现锚点跳转功能: 有同学可能说可以直接用锚点跳转实现,是的,锚点跳转可以实现这个功能,但是有一个问题,点击跳转后,再点击返回,返回的是上次跳转的结果,具体的原理就不用多说了,大家可以自己动手试一下,现在开始我们的正式代码部分: 因为是在手机端的项目,在此案例中使用了zepto.js: css部分: .address_book { position: relative; width: 100%; margin-top:; padding-top:; } .address…