jquery scrollLeft居中

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <script src="./base/jquery.js"></script> <style> ul, li { padding: 0px; margin: 0px; list-st…

jquery层居中,点击小图查看大图,弹出层居中代码，顶部层固定不动，滚动条滚动情况

jquery层居中,点击小图查看大图,弹出层居中代码 http://www.cnblogs.com/simpledev/p/3566280.html 见第一版,发现一个情况,如果页面内容多出一屏的情况下,点击查看图片的时候,弹出的层图片在最上面居中,并没有在当前的滚动栏处屏幕居中.修改代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/htm…

jQuery scrollLeft()与scrollTop() 源码解读

这里的实现也很容易懂,通过jQuery的静态方法each给jQuery的原型添加scrollLeft和scrollTop方法. 这里在取值时它把window和普通的element做了区分如果是window,就使用window.pageXOffset window.pageYOffset获取如果是element,就通过element.scrollLeft element.scrollTop获取. 关于pageXOffset,MDN中介绍: var x = (window.pageXOffset…

jquery层居中,点击小图查看大图,弹出层居中代码

1.层居中 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <script type="text/javascript" src="jquery-1.9.1.js"…

不错的JQuery屏幕居中提示信息封装,使用方便,可集成到项目

function showLoad(tipInfo, type, autohide) { var pic = ""; switch (type) { case 0: // loading pic = "./Images/loading.gif"; break; case 1: // ok pic = "./Images/right.png"; break; case 2: // error pic = "./Images/error.p…

jquery弹窗居中-类似alert()

<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>弹出确认框始终位于窗口的中间位置的测试</title> <style type="text/css"> .mask { position: fixed;…

使用jQuery对图片进行居中设置

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> body { height: 4000px; width: 4000px; } </style> <script src="jquery-1.12.4.js">…

jquery常用代码集锦

1. 如何修改jquery默认编码(例如默认GB2312改成 UTF-8 ) 1 2 3 4 5 $.ajaxSetup({ ajaxSettings : { contentType : "application/x-www-form-urlencoded;chartset=UTF-8" } }); 2. jquery判断元素上是否绑定了事件 1 2 3 4 5 //jQuery event封装支持判断元素上是否绑定了事件,此方法只适用于jQuery绑定…

jquery 点点滴滴小记

字符截取显示 var text = $(".content").text(); var textNum = text.length; var textInt = text.slice(0,140); $(".content").each(function () { if (textNum >= 160) { $(this).html(textInt + "…" + "详细") $(".dis_btn"…

Jquery实用代码片段（转）

1.把所有带有#的空链接换成不友情的链接 $('a[href="#"]').each(function() { $(this).attr('href', 'javascript:void(0)') }); 2.jQuery全选与取消全选插件 (function($){ $.fn.checkall = function(options){ var defaults = {chname:"checkname[]", callback:null}, options = $…

封装一个jquery库

现在Javascript库海量,流行的也多,比如jQuery,YUI等,虽然功能强大,但也是不万能的,功能不可能涉及方方面面,自己写一个的JS库是对这些的补充,很多也比较实用,把应用到项目中中去也比较方面,这也是对工作的一些积累,也加深对知识的理解. (function(jQuery){ /** * 元素居中 * @return {[type]} */ jQuery.fn.mCenterDiv = function (){ this.css("position", "abso…

实用jQuery代码片段

maco精选的一些jQuery代码,也许你从中可以举一反三[代码] [JavaScript]代码001<p>002 <h3><span >★ 使用jQuery来切换样式表</h3>003 <pre class="brush:js">$("link[media='screen']").attr("href", "Alternative.css");</…

浅谈我对 jQuery 的了解

总述 0 获取 jQuery 对象 1 对象跳转 2 方法调用 3 常用API 4 $(…); 5 jQuery 对象获取 6 Data 相关方法 7 选择器 8 基本的过滤器 9 内容过滤选择器 10 可见性过滤器 11 属性过滤器 12 孩子过滤器 13 表单过滤器 14 属性相关的方法 15 类相关的操作 16 html相关的操作 17 文本相关的方法 18 值相关的操作 19 在jQuery 对象之间查找 20 串联方法 21 DOM 文档操作方法 22 CSS 相关方法 23 位置计算…

一篇介绍jquery很好的

本文基于jQuery1.7.1版本,是对官方API的整理和总结,完整的官方API见http://api.jquery.com/browser/ 0.总述 jQuery框架提供了很多方法,但大致上可以分为3大类:获取jQuery对象的方法.在jQuery对象间跳转的方法,以及获取jQuery对象后调用的方法其中第一步是怎样获取jQuery对象.大致来说,是通过最核心的$()方法,将页面上的元素(或者在页面上不存在的html片段)包装成jQuery对象. $()方法里面支持的语法又包括3大类,分别…

jquery中最常用的API有哪些

jquery中最常用的API有哪些一.总结一句话总结:取html的方法,class相关的方法,val相关的方法,data相关的方法,attr相关的方法 1.jQuery Object Accessors有哪些方法? jQuery.index(element),返回该jQuery对象在集合中的索引 jQuery.each(function),遍历jQuery对象集合,在每个对象上执行function函数,function callback(index, domElement){this}; j…

jqueryui.position.js源代码分析

近期要写前端组件了.狂砍各种组件源代码,这里分析一款jqueryui中的posistion插件,注意,它不是jqueryui widget,首先看下源代码整体结构图 1.看到$.fn.position 是不是非常熟悉?嗯.就是将position方法挂载到原型上.然后控件就能够直接调用了, 2.$.ui.position 这个对象是.用来进行冲突推断的,什么冲突?就是元素与父容器所拥有的空间以及当前可用窗体的控件.默认情形下,假设冲突则採用反转方向的方式显示:对这一点不要吃惊.一切都是为了正常显示…

jq总结1

选择器 /** * 多目标选择器 * 可以选择多个元素或者表达式, * 包装成 jQuery 对象的集合 * 例子:$("div,span") */ $("table tr td"); //multiple(selector1, selector2) $("#id > span"); //直接节点 $("label + input") //next(prev, next) 同级的紧挨着的下一个 $("#prev…

【翻译】CSS水平和垂直居中的12种方法

英语原文链接在CSS中有许多不同的方法能够做到水平和垂直居中,但很难去选择合适的那个.我会向你展示我所看到的所有的方法,帮助你在所面对的情境下选择最棒的那一个. 方法1 此方法将只能垂直居中单行文本.只需将行高设置为对象的高度,文本就会居中. <div class="container">content</div> CSS: .container { height: 100px; line-height: 100px;/*与div等高*/ } 优点: 1.兼容…

【html、CSS、javascript-10】jquery-操作元素（属性CSS和文档处理）

一.获得内容及属性三个简单实用的用于 DOM 操作的 jQuery 方法: text() - 设置或返回所选元素的文本内容 html() - 设置或返回所选元素的内容(包括 HTML 标记) val() - 设置或返回表单字段的值下面的例子演示如何通过 jQuery text() 和 html() 方法来获得内容: $("#btn1").click(function(){ alert("Text: " + $("#test").text())…

使用jQuery在屏幕上居中一个DIV

文章目录我如何去使用jQuery在屏幕的中心设置<div>? 我喜欢给jQuery添加函数,所以这个函数将有助于: jQuery.fn.center = function () { this.css("position","absolute"); this.css("top", Math.max(0, (($(window).height() - $(this).outerHeight()) / 2) + $(window).scr…

jQuery offset，position，offsetParent，scrollLeft，scrollTop html控件定位 css position

定位应用:点击一个按钮,然后在按钮的右边弹出一个提示框 1,提示框相对于屏幕进行定位,那么使用offset来取得当前按钮相对于body的top和left,然后通过$('body').prepend(tipContent);把提示控件加到body下注意tipContent采用absolute定位,并设置top,left的值,当把tipContent加到body的最前面时,由于tipContent前面没有任何东西,因此它就是以body为基准根据top,left的值进行定位 $(this).offs…

浅谈jQuery页面的滚动位置scrollTop、scrollLeft

Web页面常常比显示该页面的浏览器窗口还要大,因为Web文档具有很多内容,往往会导致页面比浏览器还要高,有时候甚至还要宽,这迫使访问者通过滚动来查看整个页面(如图10-8所示).当访问者滚动页面的时候,一部分文档会从视线中消失.例如,Web页面不能完全放入浏览器窗口中,文档会向左或向上滚动,因此,页面的顶部和左边都会消失在视野之内.这意味着浏览器窗口的左上角和文档的左上角并不相同.如果试图放置一个新元素,例如,屏幕顶部的一个动态Banner:而如果只是试图将元素的left和top位置设置为0,将…