Welcome 微信登录

首页 / 脚本样式 / JavaScript

jQuery 选择器项目实例分析及实现代码

jQuery 选择器项目实例分析及实现代码

首先废话一句,jQuery选择器真心很强大! 在项目中遇到这么一个问题easyui的问题 如图所示,当前页面显示的是“原始报文查询”的页面,当时左侧导航栏却选中的是“重发报文查询”。如何让右侧的菜单和左侧的导航实现联动即:左侧点击“原始报文查询”,那么右侧的“补发运抵报文”展开,并选中“原始报文查询”,“后台管理”关闭? 实现方式如下: 1、右侧的“原始报文查询”等用到的是easyui的tabs控件,查看api知道,tabs有个onSelect方法,只要在...
一个背景云变换js特效 鼠标移动背景云变化

一个背景云变换js特效 鼠标移动背景云变化

提到博客,不能不提到博客园cnblogs.com。绝对是国内非常非常牛逼的博客云集地。可能我关注博客的时间比较短,从2010年才开始,而那里的博主们基本4年以上的博龄了。 在群里有人要个比较个性的企业网站,诗缘妹子就贴了一个网址,我没事也点了看了下,果真不错。下面你就想到了,这个背景云变换js特效我看上眼了。 由于用的一些css3属性,部分低版本的浏览器可是没有效果的哦。 使用方法很简单,直接在你所要实现效果的最底层加入: 复制代码 代码如下:<!-...
载入jQuery库的最佳方法详细说明及实现代码

载入jQuery库的最佳方法详细说明及实现代码

由于目前Google的不稳定,而国内没有好的同类服务,故这已不是最优方案。当然,你把Google库路径换成国内稳定且快速的路径(如果存在),依然可以受用此方法带来的各种好处。即便如此,综合考虑的话,还是Google的最合适。 网站开发的项目中使用Google CDN的jQuery库虽然加载速度很快,但调用本地服务器的库才可以确保万无一失。而使用Wordpress内置jQuery库的话,其末尾防止JS库 冲突而加入的jQuery.noConflict()使得...
Js数组的操作push,pop,shift,unshift等方法详细介绍

Js数组的操作push,pop,shift,unshift等方法详细介绍

js中针对数组操作的方法还是比较多的,今天突然想到来总结一下,也算是温故而知新吧。不过不会针对每个方法进行讲解,我只是选择其中的一些来讲。 首先来讲一下push和pop方法,这两个方法只会对数组从尾部进行压入或弹出,而且是在原数组进行操作,任何的改动都是会影响到操作的数组。push(args)可以每次压入多个元素,并返回更新后的数组长度。pop()函数每次只会弹出最后一个结尾的元素,并返回弹出的元素,如果是对空组数调用pop()则返回undefined。 ...
javascript中的缓动效果实现程序

javascript中的缓动效果实现程序

常见的动画有四种类型,介绍一下: linear:线性动画,即匀速 easeIn:速度从小到大,即淡入 easeOut :速度从大到小,即淡出 easeInOut:开始时速度从小到大,结束时速度从大到小,即淡入淡出其实说到缓动,就不得不提Robert Penner,他发明了N多缓动公式,举个例子我还是解释一下吧: 设当前变化量为X,则 t / d = X / c,所以X = c * t / d,然后X + b就可以获得当前属性值再看一个稍复杂的:...
JavaScript 盒模型 尺寸深入理解

JavaScript 盒模型 尺寸深入理解

概念引自维基百科:根据由万维网联盟(W3C)于1996年发行并于1999年修订的CSS1所指定的,当任意一个块级元素的宽度或高度被显式指定,它应当只确定这个可见元素自身(内容区)的宽度或高度,而padding, border和margin随后被应用。Internet Explorer在“怪异模式” 则把内容,内边距(padding)和边框(border)全部包括在一个指定的宽度或高度之内;这导致它呈现出一个比遵从标准行为的结果更窄或者更短的盒子。如下图:应...
通过JS自动隐藏手机浏览器的地址栏实现原理与代码

通过JS自动隐藏手机浏览器的地址栏实现原理与代码

大家通过手机自带浏览器打开百度、淘宝,在首页加载完毕后,会自动隐藏页面上方的地址栏,加之这些网站针对手机浏览器做了优化,乍看之下,还真难区分这是WEB APP还是Native App,如下左侧图片为通过safari打开淘宝网的首页,要不是因为底下的浏览器工具栏,还真像Native App。实际上它是有地址的,向下拖动就会看到地址栏,如下右侧图片。如何才能实现将浏览器地址栏隐藏呢?百度一下,有很多资料,很简单,主要利用window.scrollTo()方法,...
js显示时间 js显示最后修改时间

js显示时间 js显示最后修改时间

本实例将实现显示网页文件最后的修改时间。首先在页面添加了一个文本框控件,然后使用javascript创建了一个函数,在函数中调用document对象的lastModified属性,然后在页面的文本框中显示文件上一次被修改的时间,通过这种方法可以查看网页的更新时间。 实现过程: 1.编写自定义函数,代码如下: 复制代码 代码如下: <script language="javascript"> function alterdate() { docu...
jQuery常见开发技巧详细整理

jQuery常见开发技巧详细整理

1、关于页面元素的引用 通过jquery的$()引用元素包括通过id、class、元素名以及元素的层级关系及dom或者xpath条件等方法,且返回的对象为jquery对象(集合对象),不能直接调用dom定义的方法。 2、jQuery对象与dom对象的转换 只有jquery对象才能使用jquery定义的方法。注意dom对象和jquery对象是有区别的,调用方法时要注意操作的是dom对象还是jquery对象。 普通的dom对象一般可以通过$()转换成jquer...
javascript学习(一)构建自己的JS库

javascript学习(一)构建自己的JS库

前言 库是一个饱受争议的热门话题。一种观点认为它是一种非常棒的工具,是任何开发者都不可或缺的;另一种观点则认为在不理解库的内部工作原理的情况下对库形成依赖,会助长懒惰的风气从而导致开发者素质下降。但是不管怎么样,好像每个人都赞同编写自己的库,况且把自己日常用到的东西合并到一起本身就是一件有意义的事情。 下面我们开始建立自己的JS库,并编写两个自己的方法 复制代码 代码如下: //作者: //时间:2012-11-13 (function(){ window...
javascript学习(二)javascript常见问题总结

javascript学习(二)javascript常见问题总结

1、JS中方法和变量都是区分大小写的 2、单引号、双引号在JS中没有特殊的区别,都可以用来创建字符串。但作为一般性规则,大多数开发人员喜欢用单引号而不是双引号,但是XHTML规范要求所有属性值都必须使用双引号括起来。这样在JS中使用单引号,而对XHTML使用双引号会使混合两者代码更方便也更清晰。 单引号可以包含双引号,同理,双引号也可以包含单引号。 3、括号 首先需要说明的是:JS中括号包含两种语义,可以是分隔符也可以是表达式。 a、分隔符大家非常熟悉(1...
Javascript图像处理—亮度对比度应用案例

Javascript图像处理—亮度对比度应用案例

前言上一篇文章,我们讲解了图像处理中的卷积操作和平滑(也就是模糊)处理,这篇文章我们进行亮度和对比度的变化。其实,亮度是啥玩意?亮度就是比较亮眼咯……实际上对于RGBA颜色空间,变亮其实就等于R、G、B三个通道同时加大,那么变暗就等于同时减小咯。这比较好理解,因为最暗的黑色是RGB(0,0,0),而最亮的白色是RGB(255,255,255)。所以变亮应该RGB各通道都要增大。那么,对比度呢?对比度,其实就是颜色差啦。那么对于RGBA颜色空间,对比度变大其...
<< 1991 1992 1993 1994 1995 1996 1997 1998 1999 2000 >>