Welcome 微信登录

首页 / 脚本样式 / JavaScript

jQuery淡入淡出元素让其效果更为生动

jQuery淡入淡出元素让其效果更为生动

2017年02月06日 14 阅读
为了达到更为生动的效果，可以把一个元素淡出或淡入，在任何一种情况下，都只是随着时间来改变元素的透明度。jQuery提供了3个和淡入淡出相关的函数：·fadeIn（）使得一个隐藏的元素淡入视野。首先，元素占据的空间出现在页面上（这可能意味着页面上的其他元素要移走）；然后，元素逐渐地变得可见。如果元素在页面上已经可见，则这个函数没有任何效果。如果没有提供一个速度值，元素使用“常规”设置来淡入（400毫秒）。·fadeOut（）通过使得一个可视的元素像幽灵般地淡...
Enter回车切换输入焦点实现思路与代码兼容各大浏览器

Enter回车切换输入焦点实现思路与代码兼容各大浏览器

2017年02月06日 12 阅读
做项目时，客户要求能够用enter回车直接切换输入（焦点）,当最后一个时候，直接提交信息。第一想法就是，网上去copy一段代码直接用。但了百度、谷歌找了个遍，找到的代码80%以上都是一样的。有的代码太老，都不能用。有的只有部分浏览器能用。折腾了半小时也没个合适的办法。最后一想，干脆自己动手。一、思路每次点击回车的时候，获取当前的焦点位置，然后设置它的下一个元素获取焦点;二、代码<script type="text/javascript">$（"...
jQuery级联操作绑定事件实例

jQuery级联操作绑定事件实例

2017年02月06日 13 阅读
级联操作绑定事件是jQuery非常具有实用价值的一个技巧，本文即以实例形式实现这一功能。分享给大家供大家参考之用。具体方法如下：本文所述实例主要实现jQuery操作一个列表，根据类别选出学校，点击学校出现院系，点击院系出现专业，然后链接至专业申请页面。具体功能代码如下：$（"li.university"）.click（function（）{var id = $（this）.attr（"rel"）;$.get（"data.aspx?type=u&id...
Iframe实现跨浏览器自适应高度解决方法

Iframe实现跨浏览器自适应高度解决方法

2017年02月06日 12 阅读
本文以实例形式讲述了Iframe实现跨浏览器自适应高度解决方法，非常具有实用价值。分享给大家供大家参考之用。具体方法如下：该方法使用了jQuery，因此需要在iframe的src页面里面引入jQuery。父页面里面相对简单一点，主要包含以下代码：<iframe id="if1" scrolling="no" src="2.html"></iframe>在iframe的src页面里面代码如下：<script type="text...
使用jquery实现放大镜效果

使用jquery实现放大镜效果

2017年02月06日 12 阅读
实现原理首先，我们讲解一下放大镜效果的实现方式：方法一：准备一张高像素的大图，当鼠标放到原图上，加载显示大图的对应位置。方法二：对原图片进行放大，也就是调整原图的长和宽。上面我们介绍了通过两种方式实现放大镜效果，接下来，我们将以上的两种方式应用到我们的jQuery插件中。首先，我们需要一个img元素显示原图对象，还需要一个容器作为显示框；显示框里面存放大图对象。当鼠标移动到原图上时，通过对大图进行绝对定位来显示对应的部位，实现类似放大镜的效果。接下来，让我...
jquery delay（）介绍及使用指南

jquery delay（）介绍及使用指南

2017年02月06日 12 阅读
delay（duration,[queueName]）设置一个延时来推迟执行队列中之后的项目。jQuery 1.4新增。用于将队列中的函数延时执行。他既可以推迟动画队列的执行，也可以用于自定义队列。duration:延时时间，单位：毫秒queueName:队列名词，默认是Fx，动画队列。参数描述speed可选。规定延迟的速度。可能的值：毫秒"slow""fast"queueName可选。规定队列的名称。默认是 "fx"，标准效果队列。$（"button"）...
详解js闭包

详解js闭包

2017年02月06日 13 阅读
闭包（closure）是Javascript语言的一个难点，也是它的特色，很多高级应用都要依靠闭包实现。闭包有三个特性：1.函数嵌套函数2.函数内部可以引用外部的参数和变量3.参数和变量不会被垃圾回收机制回收闭包是指有权访问另一个函数作用域中的变量的函数，创建闭包的最常见的方式就是在一个函数内创建另一个函数，通过另一个函数访问这个函数的局部变量使用闭包有一个优点，也是它的缺点，就是可以把局部变量驻留在内存中，可以避免使用全局变量。全局变量在每个模块都可调用...
理解javascript中的回调函数（callback）

理解javascript中的回调函数（callback）

2017年02月06日 14 阅读
最近在看 express,满眼看去，到处是以函数作为参数的回调函数的使用。如果这个概念理解不了，nodejs、express 的代码就会看得一塌糊涂。比如：复制代码 代码如下:app.use（function（req, res, next） { var err = new Error（"Not Found"）; err.status = 404; next（err）;}）;app是对象，use是方法，方法的参数是一个带参的匿名函数，函数体直接在后面给出了。...
解决jquery版本冲突的有效方法

解决jquery版本冲突的有效方法

2017年02月06日 13 阅读
用过jQuery的朋友都知道jQuery不同版本会引发冲突，本文就此问题提出有效的解决方案如下：案例：解决jQuery1.3.2和1.4.2的冲突。（本例已测试通过！）第一步：在1.4.2的源代码的最后加上一句 ：var $j4 = jQuery.noConflict（true）;之所以在源码这里加，而不是像大多数文章提的在要用到的时候加，这是因为很多基于1.4.2的插件都要加，在这里加可以避免过多插件加这句代码导致重复。这一句是将1.4.2的jQuery...
JavaScript中九种常用排序算法

JavaScript中九种常用排序算法

2017年02月06日 13 阅读
笔试面试经常涉及各种算法，本文简要介绍常用的一些算法，并用JavaScript实现。一、插入排序1）算法简介 插入排序（Insertion-Sort）的算法描述是一种简单直观的排序算法。它的工作原理是通过构建有序序列，对于未排序数据，在已排序序列中从后向前扫描，找到相应位置并插入。插入排序在实现上，通常采用in-place排序（即只需用到O（1）的额外空间的排序），因而在从后向前扫描过程中，需要反复把已排序元素逐步向后挪位，为最新元素提供插入空间。2）算...
<< 911 912 913 914 915 916 917 918 919 920 >>
版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图