`
北海肥猫
  • 浏览: 28894 次
  • 性别: Icon_minigender_1
  • 来自: 石家庄
社区版块
存档分类
最新评论

jQuery 定制效果

阅读更多

我们每次在浏览器中打开一个新窗口时,就会创建一个window对象,它能提供jQuery和JavaScript的大量强大功能。在JavaScript世界里,window对象是统领全局的对象。换句话说,window是JavaScript世界中最高层次的对象。

window对象部分属性和方法:

window.name    
// 这是window对象的一个属性,可以用来访问或设置窗口名;

window.history 
// 这是window对象的一个属性,可以用来访问一段时间以来窗口加载的不同URL;

window.document
// 这是window对象的一个属性,指示所加载文档的主要内容;

window.onfocus
// 检测窗口何时接收到一个点击、键盘输入或其他类型的输入;

window.onblur
// 检测窗口何时失去焦点;

window.setTimeout()
// 这是window对象的一个方法,用于设置调用一个函数或其他语句之前所等待得时间;

window.clearTimeout()
// 这是window对象的一个方法,用于取消需要等待的时间;

window.setInterval()
// 这是window对象的一个方法,用于设置重复函数调用或其他语句之间需要等待的时间;

window.clearInterval()
// 这是window对象的一个方法,用于取消重复调用之间等待的时间;

 下面我来介绍下window对象几个方法的用法:

 

window.onfocus和window.onblur的用法:

window.onfocus = function();
// 检测当前窗口何时得到焦点并调用function方法;

window.onblur = function();
// 检测当前窗口何时失去焦点并调用function函数;

 window.setTimeout()和window.clearTimeout()的用法:

var t=setTimeout("function()",1000);
// 调用一个名为function的函数之前设置1秒的等待时间;

clearTimeout(t);
// 清除定时器,停止调用函数前的等待时间;

 window.setInterval()和window.clearInterval()的用法:

var int = setInterval("function()",4000);
// 设置function函数每4秒运行一次,并把它赋至变量int;

window.clearInterval(int);
// 清除定时器,停止反复运行对应int的setInterval;

 

分享到:
评论

相关推荐

    jquery淡出效果插件jQFader

    **jQuery淡出效果插件jQFader详解** 在网页设计和开发中,动态效果的运用可以提升用户体验,其中淡入淡出效果是最常见的动画之一。`jQuery`库以其丰富的功能和简洁的API,使得实现这类效果变得轻而易举。`jQFader`...

    jquery定制div滚动条Scrollbar

    标题中的“jquery定制div滚动条Scrollbar”涉及到的是一个使用jQuery库来实现自定义滚动条功能的技术。在网页设计中,滚动条通常是浏览器默认样式,但通过jQuery插件,我们可以为div元素创建具有个性化外观和交互...

    Flip! A jQuery 3D 效果

    【jQuery 3D 效果】 在网页设计和开发中,为了提升用户体验,动态视觉效果扮演了重要的角色。"Flip! A jQuery 3D 效果" 是一种利用 ...同时,理解其背后的 CSS3 变换和过渡原理,也有助于进一步优化和定制这种3D效果。

    jquery弹窗效果

    1. `.dialog()`函数:这是jQuery UI库中的一个功能,它允许开发者创建高度可定制的模态或非模态对话框。要使用`.dialog()`,首先需要在项目中引入jQuery UI库,然后选择一个HTML元素,将其转换为对话框。例如: ```...

    效果非常好的jQuery数字显示效果

    jOdometer是一个流行的jQuery插件,专门用于创建类似机械式计数器的数字动画效果,它具有高度可定制性,可以调整样式、速度以及动画的起始和结束行为。使用jOdometer,开发者可以通过简单的API调用来快速实现计数器...

    jQuery 跑马灯效果

    该插件支持水平和垂直滚动,并提供了丰富的自定义选项,包括滚动速度、方向、暂停、触发方式等,使得开发者可以根据需求定制个性化跑马灯效果。 **使用步骤**: 1. **引入jQuery库**:首先,确保在HTML文件中包含了...

    Jquery UI经典效果

    jQuery UI是一个基于jQuery JavaScript库的开源项目,它提供了丰富的用户界面组件和交互效果,使得开发者可以轻松创建出功能丰富、用户体验优秀的Web应用程序。这个“Jquery UI经典效果”集合了多个使用jQuery UI...

    jquery仿盖章效果

    - `jquery.zsign.css`是专门为盖章效果定制的CSS样式文件,用于控制印章的外观和布局。 - `jquery-1.7.1.min.js`是jQuery的核心库,确保项目运行环境具备jQuery支持。 - `jquery.zsign.js`是实现盖章功能的自定义...

    jQuery图片左右滚动效果代码.zip

    在本文中,我们将深入探讨如何实现一个基于jQuery的图片左右滚动效果,这通常用于网站的轮播图或幻灯片展示...在实际开发中,开发者可以根据项目需求进行定制,如添加过渡效果、图片预加载机制等,以满足更复杂的需求。

    jquery弹出窗体效果

    在JavaScript的世界里,jQuery是一个非常流行的库,它简化了DOM操作、事件处理、动画效果以及Ajax交互等任务。本文将详细探讨"jquery弹出窗体效果"这一主题,结合提供的描述,我们将关注如何使用jQuery来实现弹出...

    jquery圆形苹果效果

    【jQuery圆形苹果效果】是一种利用...开发者可以通过调整CSS样式和jQuery脚本来定制其外观和行为,以适应不同的项目需求。在实际应用中,这种效果可以用于图片查看器、应用导航等多种场景,增加网站的趣味性和吸引力。

    jquery图片栅格替换效果.rar

    【jQuery图片栅格替换效果】是一种常见的网页动态视觉呈现方式,尤其在响应式设计和现代网页布局中广泛应用。...开发者可以通过调整HTML结构、CSS样式和jQuery脚本来定制符合项目需求的图片替换效果。

    jquery定制输入标签及选择标签特效源码.zip

    【标题】"jQuery定制输入标签及选择标签特效源码.zip" 涉及的核心知识点是jQuery库的应用,尤其是关于用户界面交互和动态效果的实现。jQuery是一个广泛使用的JavaScript库,它简化了HTML文档遍历、事件处理、动画...

    jquery抽屉式图片展示效果.rar

    可以将抽屉效果封装成一个独立的插件,通过参数配置进行定制,使其更易于在项目中复用。 总的来说,jQuery抽屉式图片展示效果的实现涉及到了jQuery的动画、事件处理、性能优化以及响应式设计等多个方面。通过合理...

    jQuery 碎片式切换效果--Chop Slider

    **jQuery 碎片式切换效果 -- Chop Slider** 在网页设计和开发中,动态和吸引人的视觉元素可以显著提升用户体验。jQuery,一个流行的JavaScript库,提供了丰富的功能来创建交互式和动画效果。其中,"Chop Slider"是...

    jquery UI各种效果整理打包下载

    除了这些基本组件,jQuery UI还包含了一套完整的主题系统,通过ThemeRoller工具可以轻松定制外观,以匹配网站的整体风格。此外,它还遵循WAI-ARIA标准,以提高对辅助技术的兼容性,确保残障用户的可用性。 在压缩包...

    [精华]网站论坛源码C# Jquery,完全自制,有很多jquery自己写的插件

    C#是微软开发的一种面向对象的编程语言,广泛应用于构建Web应用程序,而Jquery则是JavaScript的一个强大库,简化了DOM操作、事件处理和动画效果。 【描述】中的内容重复,但进一步强调了源码是完全自制的,并且包含...

    jQuery动画垂直折叠导航效果

    在网页设计中,导航栏是不可或缺的部分,它帮助用户快速浏览和访问网站的不同部分。而jQuery作为一款强大的JavaScript库...通过调整CSS样式和jQuery代码,可以进一步定制导航的外观和交互行为,以满足不同项目的需求。

    jquery html5手机端翻书效果_手指滑动书本翻页效果代码

    【jQuery HTML5手机端翻书效果】是一种利用现代Web技术为移动设备实现的交互式图书翻页动画。这种效果能够给用户...通过理解这些技术的原理和相互作用,开发者可以进一步定制和优化这个效果,以满足不同项目的需求。

    jquery的lightbox效果

    jQuery Lightbox是基于JavaScript库jQuery实现的Lightbox效果,它使得在网页上优雅地展示多媒体内容变得简单。 在jQuery的Lightbox效果中,主要有以下几个核心知识点: 1. **jQuery库**:jQuery是一个快速、简洁的...

Global site tag (gtag.js) - Google Analytics