Welcome 微信登录

首页 / 脚本样式 / JavaScript

jQuery 判断图片是否加载完成方法汇总

jQuery 判断图片是否加载完成方法汇总

2017年02月06日 12 阅读
对于图片的处理，例如幻灯片播放、缩放等，都是依赖于在所有图片完成之后再进行操作。今天来看下如何判断所有的图片加载完成，而在加载完成之前可以使用 loading 的 gif 图表示正在加载中。一、普通方法监听 img 的 load 方法，每 load 一张图片比较一次。关键代码如下：var num = $img.length;$imgs.load（function（） {num--;if （num > 0） {return;}console.log（"...
jQuery模拟原生态App上拉刷新下拉加载更多页面及原理

jQuery模拟原生态App上拉刷新下拉加载更多页面及原理

2017年02月06日 12 阅读
很多App中,新闻或者展示类都存在下拉刷新和上拉加载的效果,网上提供了实现这种效果的第三方类（详情请见MJRefresh和EGOTableViewPullRefresh）,用起来很方便，但是闲暇之余,我们可以思考下,这种效果实现的原理是什么,我以前说过,只要是动画都是骗人的,只要不是硬件问题大部分效果都能在系统UI的基础上做出来.下面通过jQuery手机端上拉下拉刷新页面代码，很像QQ空间客户端或者微信下拉刷新页面特效代码。请看下面效果图：在线预览 源码下...
jquery实现鼠标滑过后动态图片提示效果实例

jquery实现鼠标滑过后动态图片提示效果实例

2017年02月06日 12 阅读
本文实例讲述了jquery实现鼠标滑过后动态图片提示效果。分享给大家供大家参考。具体如下：这里jquery实现的鼠标悬停图片提示效果，把鼠标放在图片上的时候，图片向右上角滑动并缩小，同时提示显示出来，类似幻灯片一样的效果，推荐给大家学习借鉴。运行效果截图如下：具体代码如下：<！DOCTYPE html><head><title>jQuery图片动态信息显示幻灯效果</title><style>.g...
jQuery中$（function（） {}）;问题详解

jQuery中$（function（） {}）;问题详解

2017年02月06日 12 阅读
$（document）.ready（） 里的代码是在页面内容都加载完才执行的，如果把代码直接写到script标签里，当页面加载完这个script标签就会执行里边的代码了，此时如果你标签里执行的代码调用了当前还没加载过来的代码或者dom，那么就会报错，当然如果你把script标签放到页面最后面那么就没问题了，此时和ready效果一样。$（document）.ready（function（）{}）可以简写成$（function（）{}）;点击段落后，此段落隐藏...
javascript中$（function（） {}）;写与不写有哪些区别

javascript中$（function（） {}）;写与不写有哪些区别

2017年02月06日 12 阅读
javascript中$（function（） {....}） 是 jQuery 中的经典用法，等同于 $（document）.ready（function（） {....}），即在页面加载完成后才执行某个函数，如果函数中要操作 DOM，在页面加载完成后再执行会更安全，所以在使用 jQuery 时这样的写法很常见。$（document）.ready（） 里的代码是在页面内容都加载完才执行的，如果把代码直接写到script标签里，当页面加载完这个script...
jQuery实现购物车表单自动结算效果实例

jQuery实现购物车表单自动结算效果实例

2017年02月06日 15 阅读
本文实例讲述了jQuery实现购物车表单自动结算效果。分享给大家供大家参考。具体如下：这里jQuery实现购物车表单自动结算，只要用户把所购商品的数量输入进去，就可以适时计算出商品总额，金额+运费，类似淘宝的购物车结算功能，计算过程是适时的，用jquery实现了Ajax不刷新网页就计算的功能，做购物类网站的或许可以用上这个例子。运行效果截图如下：具体代码如下：<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 T...
javascript中caller和callee详解

javascript中caller和callee详解

2017年02月06日 13 阅读
最近学习javascript，碰到caller和callee的问题，去网上百度了很多。搜到的内容大同小益，整理总结了一下与大家分享。caller：返回一个对调用function函数的函数的引用（用法：function.caller）说明：对于函数来说，caller属性只有在函数执行时才有定义。如果函数由顶层调用，caller则为null。var time = 3 //控制次数，去掉会一直在caller与handleCaller交替不断执行function ...
jQuery基于ajax实现带动画效果无刷新柱状图投票代码

jQuery基于ajax实现带动画效果无刷新柱状图投票代码

2017年02月06日 12 阅读
本文实例讲述了jQuery基于ajax实现带动画效果无刷新柱状图投票代码。分享给大家供大家参考。具体如下：这里介绍的jQuery ajax投票特效,带动画效果 类似进度条风格的柱状图，以你最喜欢的编程语言是哪一种为例来演示投票效果，以Ajax方式无刷新投票，每点击一次，横向的柱状图就会增长一节。如果在火狐或chrome下浏览，那些柱状图横条是圆角的，在IE8下则无此效果。运行效果截图如下：具体代码如下：<！DOCTYPE html><ht...
jQuery实现的图文高亮滚动切换特效实例

jQuery实现的图文高亮滚动切换特效实例

2017年02月06日 12 阅读
本文实例讲述了jQuery实现的图文高亮滚动切换特效。分享给大家供大家参考。具体如下：这里介绍jQuery图文高亮滚动切换特效，jQuery鼠标滑过图文开关灯切换特效，背景变暗，子内容向上滑动显示出来，鼠标的操作感极强，希望大家喜欢本效果。运行效果截图如下：具体代码如下：<！DOCTYPE html><html lang="en"><head><title>jQuery图文高亮滚动切换</title&g...
jQuery解决input超多的表单提交

jQuery解决input超多的表单提交

2017年02月06日 13 阅读
近段时间接到一个比较奇葩的需求，对方要求在企业站中加入一个类似word的表单，并供用户在线填写与提交。仔细看了一下，该表单的字段高达一百多个，这个量级是相当可怕的。如果每个input手动去填写id和name的话，该是一个多么可怕的体力活啊。反复思考了一下，为避免苦逼的去逐个填写input的id与name，决定用JS配合PHP的方式来解决这个表单一连串的提交工作。表单组成部分表单首先按照客户的要求，将需要填写的表格与选项按照word文档的原型进行布局，使其符...
javascript实现数组内值索引随机化及创建随机数组的方法

javascript实现数组内值索引随机化及创建随机数组的方法

2017年02月06日 14 阅读
本文实例讲述了javascript实现数组内值索引随机化及创建随机数组的方法。分享给大家供大家参考。具体如下：今天在QW交流群里看到有同学讨论使数组随机化的问题，其中给出的算法很不错，让我想起了之前自己实现过的不怎么“漂亮”的方法。想想我们有时候在繁忙的写业务代码时只是为了实现其功能，并未花太大心思去思考是否有更好的实现方法。就这个数组问题（随即排序一个数组里的值，返回一个新数组）来说，我以前的实现方法是这样的：function randArr（arr） ...
javascript密码强度校验代码（两种方法）

javascript密码强度校验代码（两种方法）

2017年02月06日 12 阅读
先看效果图：javascript密码强度校验代码，具体实现思路不多说了，请看下面代码和demo。第一种方法：/* *密码安全程度*return ：全部为字母或者数字,或者密码长度小于 *return : 字母数字组成，或者字母特殊字符，或者数字和特殊字符 *return : 字母和数字和特殊字符 */ String.prototype.passwordStrength=function（）{ if（this.length> && this.lengt...
jquery实现表单输入时提示文字滑动向上效果

jquery实现表单输入时提示文字滑动向上效果

2017年02月06日 13 阅读
本文实例讲述了jquery实现表单输入时提示文字滑动向上效果。分享给大家供大家参考。具体如下：这里基于jQuery实现的表单输入框提示效果，当不输入的时候，提示文字就显示在输入框中，当鼠标点击文本框要输入文字的时候，提示文字向滑出输入框，好像很个性也很智能的样子，用户体验比较不错，运用了CSS3的部分属性，因此在测试时，请尽量要用高版本的IE9或chrome和火狐等网页浏览器。运行效果截图如下：具体代码如下：<！doctype html><...
jquery插件jquery.nicescroll实现图片无滚动条左右拖拽的方法

jquery插件jquery.nicescroll实现图片无滚动条左右拖拽的方法

2017年02月06日 12 阅读
本文实例讲述了jquery插件jquery.nicescroll实现图片无滚动条左右拖拽的方法。分享给大家供大家参考。具体如下：这里介绍jQuery图片左右拖拽特效，无滚动条，将多张图片组合在一起形成的效果，插件使用的是jquery.nicescroll.js，拖动过程中不会出现滚动条，这样更美观了一些，若需要此效果，可参见下边框中的代码。运行效果截图如下：具体代码如下：<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML...
jquery实现滑动特效代码

jquery实现滑动特效代码

2017年02月06日 15 阅读
在项目中，有需求要使用jquery实现滑动效果，于是把相关内容整理如下，下文介绍了很详细，有文字说明和代码分析，需要的朋友可以来学习下。实现方式一：.slideUp（[duration][,complete]）——目标元素向上滑入隐藏；.slideDown（[duration][,complete]）——目标元素向下滑出显示；.slideToggle（[duration][,complete]）——目标元素隐藏则向下滑出显示，否则向上滑入隐藏；注：dura...
jquery实现Li滚动时滚动条自动添加样式的方法

jquery实现Li滚动时滚动条自动添加样式的方法

2017年02月06日 12 阅读
本文实例讲述了jquery实现Li滚动时滚动条自动添加样式的方法。分享给大家供大家参考。具体如下：这里使用jquery实现当拖动滚动条的时候，Li滚动列表中的内容会自动随滚动条变化而下移，并自动添加样式。运行效果截图如下：具体代码如下：<html lang="en"><head><meta charset="utf-8"><title>scroll滚动，LI随滚动条自动变化</title><...
jquery实现点击展开列表同时隐藏其他列表

jquery实现点击展开列表同时隐藏其他列表

2017年02月06日 13 阅读
本文实例讲述了jquery实现点击展开列表同时隐藏其他列表。分享给大家供大家参考。具体如下：这里使用jquery实现展开、隐藏特效，点击列表标题后该项内容展开，其它项收缩起来，也就是不显示了。个人喜好了，有的喜欢在默认状态下不显示其它选项的内容，这个就是这种情况，仅供参考吧。运行效果截图如下：具体代码如下：<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://ww...
<< 1151 1152 1153 1154 1155 1156 1157 1158 1159 1160 >>
版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图