插件描述：jQuery弹出层 三种弹出效果 以侧试各个浏览器兼容都OK.
jQuery弹出层 三种弹出效果 以侧试各个浏览器兼容都OK. html部分&meta&charset="utf-8"&
&&&&Reveal&Demo
&!--&Attach&our&CSS&--&
&link&rel="stylesheet"&href="reveal.css"&
&!--&Attach&necessary&scripts&--&
&script&type="text/javascript"&src="jquery-1.4.4.min.js"&&/script&
&script&type="text/javascript"&src="/jquery-1.6.min.js"&&/script&
&script&type="text/javascript"&src="jquery.reveal.js"&&/script&
&style&type="text/css"&
body&{&font-family:&"HelveticaNeue",&"Helvetica-Neue",&"Helvetica",&"Arial",&sans-&}
.big-link&{&display:&&margin-top:&100&text-align:&&font-size:&70&color:&#06f;&}
&a&href="#"&class="big-link"&data-reveal-id="myModal"&&jquery1&&/a&&&a&href="#"&class="big-link"&data-reveal-id="myModal"&data-animation="fade"&&jquery2&&/a&&&a&href="#"&class="big-link"&data-reveal-id="myModal"&data-animation="none"&&jquery3&&/a&
&div&id="myModal"&class="reveal-modal"&
&&&&&&&&jquery导出层
&&&&&&&&This&is&a&default&modal&in&all&its&glory,&but&any&of&the&styles&here&can&easily&be&changed&in&the&CSS.
&a&class="close-reveal-modal"&×&/a&
&/div& reveal.css&.reveal-modal-bg&{
position:&
height:&100%;
width:&100%;
background:�
background:&rgba(0,0,0,.8);
z-index:&100;
.reveal-modal&{
visibility:&
left:&50%;
margin-left:&-300
width:&520
background:&#eee&url(modal-gloss.png)&no-repeat&-200px&-80
position:&
z-index:&101;
padding:&30px&40px&34
-moz-border-radius:&5
-webkit-border-radius:&5
border-radius:&5
-moz-box-shadow:&0&0&10px&rgba(0,0,0,.4);
-webkit-box-shadow:&0&0&10px&rgba(0,0,0,.4);
-box-shadow:&0&0&10px&rgba(0,0,0,.4);
.reveal-modal.small&{&width:&200&margin-left:&-140}
.reveal-modal.medium&{&width:&400&margin-left:&-240}
.reveal-modal.large&{&width:&600&margin-left:&-340}
.reveal-modal.xlarge&{&width:&800&margin-left:&-440}
.reveal-modal&.close-reveal-modal&{
font-size:&22
line-height:&.5;
position:&
text-shadow:&0&-1px&1px&rbga(0,0,0,.6);
font-weight:&
} jquery.reveal.js&(function($)&{
&&&&$('a[data-reveal-id]').live('click',
&&&&function(e)&{
&&&&&&&&e.preventDefault();
&&&&&&&&var&modalLocation&=&$(this).attr('data-reveal-id');
&&&&&&&&$('#'&+&modalLocation).reveal($(this).data());
&&&&$.fn.reveal&=&function(options)&{
&&&&&&&&var&defaults&=&{
&&&&&&&&&&&&animation:&'fadeAndPop',
&&&&&&&&&&&&//fade,&fadeAndPop,&none
&&&&&&&&&&&&animationspeed:&300,
&&&&&&&&&&&&//how&fast&animtions&are
&&&&&&&&&&&&closeonbackgroundclick:&true,
&&&&&&&&&&&&//if&you&click&background&will&modal&close?
&&&&&&&&&&&&dismissmodalclass:&'close-reveal-modal'&//the&class&of&a&button&or&element&that&will&close&an&open&modal
&&&&&&&&};
&&&&&&&&//Extend&dem'&options
&&&&&&&&var&options&=&$.extend({},
&&&&&&&&defaults,&options);
&&&&&&&&return&this.each(function()&{
&&&&&&&&&&&&var&modal&=&$(this),
&&&&&&&&&&&&topMeasure&=&parseInt(modal.css('top')),
&&&&&&&&&&&&topOffset&=&modal.height()&+&topMeasure,
&&&&&&&&&&&&locked&=&false,
&&&&&&&&&&&&modalBG&=&$('.reveal-modal-bg');
&&&&&&&&&&&&if&(modalBG.length&==&0)&{
&&&&&&&&&&&&&&&&modalBG&=&$('
').insertAfter(modal);
&&&&&&&&&&&&}
&&&&&&&&&&&&//Entrance&Animations
&&&&&&&&&&&&modal.bind('reveal:open',
&&&&&&&&&&&&function()&{
&&&&&&&&&&&&&&&&modalBG.unbind('click.modalEvent');
&&&&&&&&&&&&&&&&$('.'&+&options.dismissmodalclass).unbind('click.modalEvent');
&&&&&&&&&&&&&&&&if&(!locked)&{
&&&&&&&&&&&&&&&&&&&&lockModal();
&&&&&&&&&&&&&&&&&&&&if&(options.animation&==&"fadeAndPop")&{
&&&&&&&&&&&&&&&&&&&&&&&&modal.css({
&&&&&&&&&&&&&&&&&&&&&&&&&&&&'top':&$(document).scrollTop()&-&topOffset,
&&&&&&&&&&&&&&&&&&&&&&&&&&&&'opacity':&0,
&&&&&&&&&&&&&&&&&&&&&&&&&&&&'visibility':&'visible'
&&&&&&&&&&&&&&&&&&&&&&&&});
&&&&&&&&&&&&&&&&&&&&&&&&modalBG.fadeIn(options.animationspeed&/&2);
&&&&&&&&&&&&&&&&&&&&&&&&modal.delay(options.animationspeed&/&2).animate({
&&&&&&&&&&&&&&&&&&&&&&&&&&&&"top":&$(document).scrollTop()&+&topMeasure&+&'px',
&&&&&&&&&&&&&&&&&&&&&&&&&&&&"opacity":&1
&&&&&&&&&&&&&&&&&&&&&&&&},
&&&&&&&&&&&&&&&&&&&&&&&&options.animationspeed,&unlockModal());
&&&&&&&&&&&&&&&&&&&&}
&&&&&&&&&&&&&&&&&&&&if&(options.animation&==&"fade")&{
&&&&&&&&&&&&&&&&&&&&&&&&modal.css({
&&&&&&&&&&&&&&&&&&&&&&&&&&&&'opacity':&0,
&&&&&&&&&&&&&&&&&&&&&&&&&&&&'visibility':&'visible',
&&&&&&&&&&&&&&&&&&&&&&&&&&&&'top':&$(document).scrollTop()&+&topMeasure
&&&&&&&&&&&&&&&&&&&&&&&&});
&&&&&&&&&&&&&&&&&&&&&&&&modalBG.fadeIn(options.animationspeed&/&2);
&&&&&&&&&&&&&&&&&&&&&&&&modal.delay(options.animationspeed&/&2).animate({
&&&&&&&&&&&&&&&&&&&&&&&&&&&&"opacity":&1
&&&&&&&&&&&&&&&&&&&&&&&&},
&&&&&&&&&&&&&&&&&&&&&&&&options.animationspeed,&unlockModal());
&&&&&&&&&&&&&&&&&&&&}
&&&&&&&&&&&&&&&&&&&&if&(options.animation&==&"none")&{
&&&&&&&&&&&&&&&&&&&&&&&&modal.css({
&&&&&&&&&&&&&&&&&&&&&&&&&&&&'visibility':&'visible',
&&&&&&&&&&&&&&&&&&&&&&&&&&&&'top':&$(document).scrollTop()&+&topMeasure
&&&&&&&&&&&&&&&&&&&&&&&&});
&&&&&&&&&&&&&&&&&&&&&&&&modalBG.css({
&&&&&&&&&&&&&&&&&&&&&&&&&&&&"display":&"block"
&&&&&&&&&&&&&&&&&&&&&&&&});
&&&&&&&&&&&&&&&&&&&&&&&&unlockModal()
&&&&&&&&&&&&&&&&&&&&}
&&&&&&&&&&&&&&&&}
&&&&&&&&&&&&&&&&modal.unbind('reveal:open');
&&&&&&&&&&&&});
&&&&&&&&&&&&//Closing&Animation
&&&&&&&&&&&&modal.bind('reveal:close',
&&&&&&&&&&&&function()&{
&&&&&&&&&&&&&&&&if&(!locked)&{
&&&&&&&&&&&&&&&&&&&&lockModal();
&&&&&&&&&&&&&&&&&&&&if&(options.animation&==&"fadeAndPop")&{
&&&&&&&&&&&&&&&&&&&&&&&&modalBG.delay(options.animationspeed).fadeOut(options.animationspeed);
&&&&&&&&&&&&&&&&&&&&&&&&modal.animate({
&&&&&&&&&&&&&&&&&&&&&&&&&&&&"top":&$(document).scrollTop()&-&topOffset&+&'px',
&&&&&&&&&&&&&&&&&&&&&&&&&&&&"opacity":&0
&&&&&&&&&&&&&&&&&&&&&&&&},
&&&&&&&&&&&&&&&&&&&&&&&&options.animationspeed&/&2,
&&&&&&&&&&&&&&&&&&&&&&&&function()&{
&&&&&&&&&&&&&&&&&&&&&&&&&&&&modal.css({
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&'top':&topMeasure,
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&'opacity':&1,
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&'visibility':&'hidden'
&&&&&&&&&&&&&&&&&&&&&&&&&&&&});
&&&&&&&&&&&&&&&&&&&&&&&&&&&&unlockModal();
&&&&&&&&&&&&&&&&&&&&&&&&});
&&&&&&&&&&&&&&&&&&&&}
&&&&&&&&&&&&&&&&&&&&if&(options.animation&==&"fade")&{
&&&&&&&&&&&&&&&&&&&&&&&&modalBG.delay(options.animationspeed).fadeOut(options.animationspeed);
&&&&&&&&&&&&&&&&&&&&&&&&modal.animate({
&&&&&&&&&&&&&&&&&&&&&&&&&&&&"opacity":&0
&&&&&&&&&&&&&&&&&&&&&&&&},
&&&&&&&&&&&&&&&&&&&&&&&&options.animationspeed,
&&&&&&&&&&&&&&&&&&&&&&&&function()&{
&&&&&&&&&&&&&&&&&&&&&&&&&&&&modal.css({
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&'opacity':&1,
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&'visibility':&'hidden',
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&'top':&topMeasure
&&&&&&&&&&&&&&&&&&&&&&&&&&&&});
&&&&&&&&&&&&&&&&&&&&&&&&&&&&unlockModal();
&&&&&&&&&&&&&&&&&&&&&&&&});
&&&&&&&&&&&&&&&&&&&&}
&&&&&&&&&&&&&&&&&&&&if&(options.animation&==&"none")&{
&&&&&&&&&&&&&&&&&&&&&&&&modal.css({
&&&&&&&&&&&&&&&&&&&&&&&&&&&&'visibility':&'hidden',
&&&&&&&&&&&&&&&&&&&&&&&&&&&&'top':&topMeasure
&&&&&&&&&&&&&&&&&&&&&&&&});
&&&&&&&&&&&&&&&&&&&&&&&&modalBG.css({
&&&&&&&&&&&&&&&&&&&&&&&&&&&&'display':&'none'
&&&&&&&&&&&&&&&&&&&&&&&&});
&&&&&&&&&&&&&&&&&&&&}
&&&&&&&&&&&&&&&&}
&&&&&&&&&&&&&&&&modal.unbind('reveal:close');
&&&&&&&&&&&&});
&&&&&&&&&&&&//Open&Modal&Immediately
&&&&&&&&&&&&modal.trigger('reveal:open')
&&&&&&&&&&&&//Close&Modal&Listeners
&&&&&&&&&&&&var&closeButton&=&$('.'&+&options.dismissmodalclass).bind('click.modalEvent',
&&&&&&&&&&&&function()&{
&&&&&&&&&&&&&&&&modal.trigger('reveal:close')
&&&&&&&&&&&&});
&&&&&&&&&&&&if&(options.closeonbackgroundclick)&{
&&&&&&&&&&&&&&&&modalBG.css({
&&&&&&&&&&&&&&&&&&&&"cursor":&"pointer"
&&&&&&&&&&&&&&&&})&modalBG.bind('click.modalEvent',
&&&&&&&&&&&&&&&&function()&{
&&&&&&&&&&&&&&&&&&&&modal.trigger('reveal:close')
&&&&&&&&&&&&&&&&});
&&&&&&&&&&&&}
&&&&&&&&&&&&$('body').keyup(function(e)&{
&&&&&&&&&&&&&&&&if&(e.which&===&27)&{
&&&&&&&&&&&&&&&&&&&&modal.trigger('reveal:close');
&&&&&&&&&&&&&&&&}&//&27&is&the&keycode&for&the&Escape&key
&&&&&&&&&&&&});
&&&&&&&&&&&&function&unlockModal()&{
&&&&&&&&&&&&&&&&locked&=&
&&&&&&&&&&&&}
&&&&&&&&&&&&function&lockModal()&{
&&&&&&&&&&&&&&&&locked&=&
&&&&&&&&&&&&}
&&&&&&&&});&//each&call
&&&&}&//orbit&plugin&call
})(jQuery);感谢网友@konakona (●°u°●)提供没在GITHUB上找到这个项目，所以在这里提交兼容JQUERY1.11版本的jquery.revearl.js文件$(function() {
/*---------------------------
Defaults for Reveal
----------------------------*/
/*---------------------------
Listener for data-reveal-id attributes
----------------------------*/
$('a[data-reveal-id]').on('click', function(e) {
e.preventDefault();
var modalLocation = $(this).attr('data-reveal-id');
$('#'+modalLocation).reveal($(this).data());
/*---------------------------
Extend and Execute
----------------------------*/
$.fn.reveal = function(options) {
var defaults = {
animation: 'fadeAndPop', //fade, fadeAndPop, none
animationspeed: 300, //how fast animtions are
closeonbackgroundclick: true, //if you click background will modal close?
dismissmodalclass: 'close-reveal-modal' //the class of a button or element that will close an open modal
//Extend dem' options
var options = $.extend({}, defaults, options);
return this.each(function() {
/*---------------------------
Global Variables
----------------------------*/
var modal = $(this),
topMeasure
= parseInt(modal.css('top')),
topOffset = modal.height() + topMeasure,
locked = false,
modalBG = $('.reveal-modal-bg');
/*---------------------------
Create Modal BG
----------------------------*/
if(modalBG.length == 0) {
modalBG = $('&div class="reveal-modal-bg"&').insertAfter(modal);
/*---------------------------
Open & Close Animations
----------------------------*/
//Entrance Animations
modal.on('reveal:open', function () {
modalBG.off('click.modalEvent');
$('.' + options.dismissmodalclass).off('click.modalEvent');
if(!locked) {
lockModal();
if(options.animation == "fadeAndPop") {
modal.css({'top': $(document).scrollTop()-topOffset, 'opacity' : 0, 'visibility' : 'visible'});
modalBG.fadeIn(options.animationspeed/2);
modal.delay(options.animationspeed/2).animate({
"top": $(document).scrollTop()+topMeasure + 'px',
"opacity" : 1
}, options.animationspeed,unlockModal());
if(options.animation == "fade") {
modal.css({'opacity' : 0, 'visibility' : 'visible', 'top': $(document).scrollTop()+topMeasure});
modalBG.fadeIn(options.animationspeed/2);
modal.delay(options.animationspeed/2).animate({
"opacity" : 1
}, options.animationspeed,unlockModal());
if(options.animation == "none") {
modal.css({'visibility' : 'visible', 'top':$(document).scrollTop()+topMeasure});
modalBG.css({"display":"block"});
unlockModal()
modal.off('reveal:open');
//Closing Animation
modal.on('reveal:close', function () {
if(!locked) {
lockModal();
if(options.animation == "fadeAndPop") {
modalBG.delay(options.animationspeed).fadeOut(options.animationspeed);
modal.animate({
$(document).scrollTop()-topOffset + 'px',
"opacity" : 0
}, options.animationspeed/2, function() {
modal.css({'top':topMeasure, 'opacity' : 1, 'visibility' : 'hidden'});
unlockModal();
if(options.animation == "fade") {
modalBG.delay(options.animationspeed).fadeOut(options.animationspeed);
modal.animate({
"opacity" : 0
}, options.animationspeed, function() {
modal.css({'opacity' : 1, 'visibility' : 'hidden', 'top' : topMeasure});
unlockModal();
if(options.animation == "none") {
modal.css({'visibility' : 'hidden', 'top' : topMeasure});
modalBG.css({'display' : 'none'});
modal.off('reveal:close');
/*---------------------------
Open and add Closing Listeners
----------------------------*/
//Open Modal Immediately
modal.trigger('reveal:open')
//Close Modal Listeners
var closeButton = $('.' + options.dismissmodalclass).on('click.modalEvent', function () {
modal.trigger('reveal:close')
if(options.closeonbackgroundclick) {
modalBG.css({"cursor":"pointer"})
modalBG.on('click.modalEvent', function () {
modal.trigger('reveal:close')
$('body').keyup(function(e) {
if(e.which===27){ modal.trigger('reveal:close'); } // 27 is the keycode for the Escape key
/*---------------------------
Animations Locks
----------------------------*/
function unlockModal() {
function lockModal() {
});//each call
}//orbit plugin call
相关插件-弹出层
讨论这个项目（17）回答他人问题或分享插件使用方法奖励jQ币
这个跟IE不兼容
兼容的，我想你这里不兼容的原因是，ie下弹出层背景全黑的问题，可以对背景样式加入。iecss3.htc 让ie9以下浏览器支持css3一些属性即可。
这个支持iphone尺寸控制吗？
可以，你需要对弹出层的css宽度设置下，最好按百分比。
为什么把它嵌入我的项目 修改CSS没有效果
楼上的你肯定没有改对css了.
(●°u°●)0
没在GITHUB上找到这个项目，所以在这里提交兼容JQUERY1.11版本的jquery.revearl.js文件
$(function() {
/*---------------------------
Defaults for Reveal
----------------------------*/
/*---------------------------
Listener for data-reveal-id attributes
----------------------------*/
$('a[data-reveal-id]').on('click', function(e) {
e.preventDefault();
var modalLocation = $(this).attr('data-reveal-id');
$('#'+modalLocation).reveal($(this).data());
/*---------------------------
Extend and Execute
----------------------------*/
$.fn.reveal = function(options) {
var defaults = {
animation: 'fadeAndPop', //fade, fadeAndPop, none
animationspeed: 300, //how fast animtions are
closeonbackgroundclick: true, //if you click background will modal close?
dismissmodalclass: 'close-reveal-modal' //the class of a button or element that will close an open modal
//Extend dem' options
var options = $.extend({}, defaults, options);
return this.each(function() {
/*---------------------------
Global Variables
----------------------------*/
var modal = $(this),
topMeasure
= parseInt(modal.css('top')),
topOffset = modal.height() + topMeasure,
locked = false,
modalBG = $('.reveal-modal-bg');
/*---------------------------
Create Modal BG
----------------------------*/
if(modalBG.length == 0) {
modalBG = $('').insertAfter(modal);
/*---------------------------
Open & Close Animations
----------------------------*/
//Entrance Animations
modal.on('reveal:open', function () {
modalBG.off('click.modalEvent');
$('.' + options.dismissmodalclass).off('click.modalEvent');
if(!locked) {
lockModal();
if(options.animation == "fadeAndPop") {
modal.css({'top': $(document).scrollTop()-topOffset, 'opacity' : 0, 'visibility' : 'visible'});
modalBG.fadeIn(options.animationspeed/2);
modal.delay(options.animationspeed/2).animate({
"top": $(document).scrollTop()+topMeasure + 'px',
"opacity" : 1
}, options.animationspeed,unlockModal());
if(options.animation == "fade") {
modal.css({'opacity' : 0, 'visibility' : 'visible', 'top': $(document).scrollTop()+topMeasure});
modalBG.fadeIn(options.animationspeed/2);
modal.delay(options.animationspeed/2).animate({
"opacity" : 1
}, options.animationspeed,unlockModal());
if(options.animation == "none") {
modal.css({'visibility' : 'visible', 'top':$(document).scrollTop()+topMeasure});
modalBG.css({"display":"block"});
unlockModal()
modal.off('reveal:open');
//Closing Animation
modal.on('reveal:close', function () {
if(!locked) {
lockModal();
if(options.animation == "fadeAndPop") {
modalBG.delay(options.animationspeed).fadeOut(options.animationspeed);
modal.animate({
$(document).scrollTop()-topOffset + 'px',
"opacity" : 0
}, options.animationspeed/2, function() {
modal.css({'top':topMeasure, 'opacity' : 1, 'visibility' : 'hidden'});
unlockModal();
if(options.animation == "fade") {
modalBG.delay(options.animationspeed).fadeOut(options.animationspeed);
modal.animate({
"opacity" : 0
}, options.animationspeed, function() {
modal.css({'opacity' : 1, 'visibility' : 'hidden', 'top' : topMeasure});
unlockModal();
if(options.animation == "none") {
modal.css({'visibility' : 'hidden', 'top' : topMeasure});
modalBG.css({'display' : 'none'});
modal.off('reveal:close');
/*---------------------------
Open and add Closing Listeners
----------------------------*/
//Open Modal Immediately
modal.trigger('reveal:open')
//Close Modal Listeners
var closeButton = $('.' + options.dismissmodalclass).on('click.modalEvent', function () {
modal.trigger('reveal:close')
if(options.closeonbackgroundclick) {
modalBG.css({"cursor":"pointer"})
modalBG.on('click.modalEvent', function () {
modal.trigger('reveal:close')
$('body').keyup(function(e) {
if(e.which===27){ modal.trigger('reveal:close'); } // 27 is the keycode for the Escape key
/*---------------------------
Animations Locks
----------------------------*/
function unlockModal() {
function lockModal() {
});//each call
}//orbit plugin call
笔墨伺候-HXH0
@@konakona (●°u°●) 感谢楼上的分享
sunwulovelove10
分享代码就不要混淆了，copy的混淆代码就不要分享了
(●°u°●)0
@笔墨伺候-HXH 不客气话说现在是不是没办法收藏了？
@@konakona (●°u°●)
可以收藏啊
jquery 1.9.x以后不支持live方法
$('a[data-reveal-id]').live('click',
function(e) {
e.preventDefault();
var modalLocation = $(this).attr('data-reveal-id');
$('#' + modalLocation).reveal($(this).data());
$(document).on('click','a[data-reveal-id]',
function(e) {
e.preventDefault();
var modalLocation = $(this).attr('data-reveal-id');
$('#' + modalLocation).reveal($(this).data());
ˇ平常心′0
我想说 这么个效果 为什么要调用这么多代码
) 感谢@konakona (●°u°●的分享
Ajax无刷新页面后怎么去掉后面那层黑色的背景？
有一个问题，这个弹窗我想传一个值到弹出层。但是无法传上上去
为什么没有效果！
PROMULGATOR
关注作者 (328)
收藏此插件 (94)
我当前jQ币余额：正在获取..
已下载次数：13924
所需jQ币：0jQuery-jquery scrollTop怎么解决所有浏览器兼容问题_百度知道
jQuery-jquery scrollTop怎么解决所有浏览器兼容问题
只在quirk模式下， body.scrollTop是被所有都支持的
所以这个表大家也不用 也没有必要去记， 只要记住一条
if(window.pageYOffset){//这一条滤去了大部分， 只留了IE678
}else if(document.documentElement.scrollTop ){//IE678 的非quirk模式
}else if(document.body.scrolltop){//IE678 的quirk模式
原则是看pageYOffset 然后看documentElement.scrollTop， 最后是document.body.scrollTop
当然 也可以直接scrollTop 而不使用pageYOffset
以下是MDN 提供的兼容性代码。
其他类似问题
为您推荐：
提问者采纳
body.parentNode)) && typeof t.scrollTop　　当然 也可以直接scrollTop 而不使用pageYOffset　　以下是MDN 提供的兼容性代码　　scrolltop = (((t = document.body).scrolltop){&#47.scrollTop ){/&#47, 最后是document　　只在quirk模式下.&#47， body.documentElement) || (t =IE678 的非quirk模式　　}else if(document.scrollTop是被所有都支持的　　所以这个表大家也不用 也没有必要去记: document， 只留了IE678　　}else if(IE678 的quirk模式　　}　　原则是看pageYOffset 然后看documentElement.scrollTop　　转载.scrollTop == ‘number’ .scrollTop.pageYOffset){&#47.body，仅供参考.documentE这一条滤去了大部分?&#47， 只要记住一条　　if(window
jquery的相关知识
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁jquery（29）
原文:http://blog.csdn.net/szwangdf/article/details/
1、(function($) {…})(jQuery);
1）、原理：
这实际上是匿名函数，如下：
function(arg){…}
这就定义了一个匿名函数，参数为arg
而调用函数时，是在函数后面写上括号和实参的，由于操作符的优先级，函数本身也需要用括号，即：
(function(arg){…})(param)
这就相当于定义了一个参数为arg的匿名函数，并且将param作为参数来调用这个匿名函数
而(function($){…})(jQuery)则是一样的，之所以只在形参使用$，是为了不与其他库冲突，所以实参用jQuery
相当于funtion output(s){…};output(jQuery);或者var fn=function(s){…};fn(jQuery);
2）、作用（非常有用）：
这种写法的最大好处是形成闭包。在(function($) {…})(jQuery)在内部定义的函数和变量只能在此范围内有效。
形成是否函数函数、私有变量的概念。比如：
[javascript]&
执行结果：
内层init：2
外层init：3
2、$(function(){…}); &&jQuery(function($) {…}); &$(document).ready(function(){…})
这三个的作用是一样的，本人比较需要用第一种、书写简单。
文档载入完成后执行的函数。
参考知识库
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：57728次
积分：2213
积分：2213
排名：第12040名
原创：154篇
转载：100篇
(12)(1)(4)(1)(7)(5)(9)(9)(12)(18)(16)(4)(7)(28)(22)(38)(13)(5)(20)(21)(2)window.onscroll是什么意思_百度知道
window.onscroll是什么意思
0”分别是什么意思.documentE&javascript&quot.js&script&gt.).onscroll=function(){
if(script&gt？请jQuery高手帮我解答下;text/script&gt&);$(function(){&#47.show()
$(&quot.test&quot、“||”; type=&quot.test&quot.scrollTop&&0){
$(&&lt.scrollTop&gt.hide()
})&lt.scrollTop&;script src=&quot、“js&#47.onscroll”;&#47.scrollTop&0”和“0 || document.请问在这段JS中“.documentElement
提问者采纳
onscroll是窗口类window的对象||是逻辑 或documentwindow.body.documentElement.scrollTop&0意思document类的子类boby的成员变量scrollTop的值大于0document.scrollTop&0意思.onscroll意思：window是一个窗口类
提问者评价
来自团队：
其他类似问题
为您推荐：
其他2条回答
Scall应该是代码编写者自己声明的一个函数，调用Scall函数，这一句的意思是，当window发生scroll事件时javascript里的
页面滑动触发事件
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁}