Welcome 微信登录

首页 / 脚本样式 / JavaScript

jQuery控制图片的hover效果(smartRollover.js)

jQuery控制图片的hover效果(smartRollover.js)

用js实现的好处是:如果一个网站中图片的hover效果比较多,可能每一个都要有css控制,那样代码有的冗余。但是有了js控制,不管有多少图片,hover效果都可以用同样的js,但是必须保证图片的out/off效果和over/on效果命名有规律性,比如: navi01_out.jpg/navi01_off.jpg navi01_over.jpg/nvai02_on.jpg 这样js控制起来非常方便。找到匹配的名称,hover时替换成另一个名称。 今天我想用j...
文本框获得焦点和失去焦点的判断代码

文本框获得焦点和失去焦点的判断代码

文本框失去焦点事件、获得焦点事件 onBlur:当失去输入焦点后产生该事件 onFocus:当输入获得焦点后,产生该文件 Onchange:当文字值改变时,产生该事件 Onselect:当文字加亮后,产生该文件 onpropertychange 当属性改变发生该事件 无论粘贴 keyup onchange等,最为敏感 先来看javascript的直接写在了input上复制代码 代码如下:<input name="pwuser" type="text"...
Javascript面向对象编程

Javascript面向对象编程

Javascript的重要性 使用率 1、在web应用中,涉及到前端界面编程基本上都要用到javascript语言; 2、Web2.0及Ajax推动了javascript语言。 3、随着大量的c/s应用转向b/s,富客户端技术的不断推广,javascript语言的应用范围还将不断加大; javascript的特点 简单 动态 基于对象(面向对象) Javascript面向对象概述 Javascript是一种面向(基于)对象的动态脚本语言,是一种基于对象(O...
Javascript 面向对象编程(coolshell)

Javascript 面向对象编程(coolshell)

这两天有个前同事总在问我Javascript面向对象的东西,所以,索性写篇文章让他看去吧,这里这篇文章主要想从一个整体的角度来说明一下Javascript的面向对象的编程。(成文比较仓促,应该有不准确或是有误的地方,请大家批评指正) 另,这篇文章主要基于 ECMAScript 5, 旨在介绍新技术。关于兼容性的东西,请看最后一节。 初探 我们知道Javascript中的变量定义基本如下: 复制代码 代码如下: var name = "Chen Hao";;...
再谈javascript面向对象编程

再谈javascript面向对象编程

另外这篇文章是一篇入门文章,我也是才开始学习Javascript,有一点心得,才想写一篇这样文章,文章中难免有错误的地方,还请各位不吝吐槽指正 吐槽Javascript 初次接触Javascript,这门语言的确会让很多正规军感到诸多的不适,这种不适来自于Javascript的语法的简练和不严谨,这种不适也来自Javascript这个悲催的名称,我在想网景公司的Javascript设计者在给他起名称那天一定是脑壳进水了,让Javascript这么多年来受了...
JS无法捕获滚动条上的mouse up事件的原因猜想

JS无法捕获滚动条上的mouse up事件的原因猜想

比如一个网页的聊天室,滚动条会随着内容的增加自动往下滚动。 当用户鼠标在滚动条上按下的时候,我们可以假设他(她)正在浏览聊天内容,那么这个时候好的用户体验就不能让滚动条再自动滚动了。 为了实现这个功能,可能大家首先会想到的就是mouse down 和 mouse up事件了。 可是具体实现的时候我们会发现在滚动条上按下鼠标左键再松开的时候,捕获不到mouse up了。如下面例子 复制代码 代码如下: <html> <head> &l...
HTML中的setCapture和releaseCapture使用介绍

HTML中的setCapture和releaseCapture使用介绍

另外,还有一个很重 要的事情是,在Win32上,mouse move的事件不是一个连续的,也就是说,并不是我们每次移动1px的鼠标指针,就会发生一个mousemove,windows会周期性检查mouse 的位置变化来产生mousemove的事件。 所以,如果是一个很小的页面对象,比如一个直径5px的圆点,如果没有setCapture和 releaseCapture,那么在鼠标按住之后,快速的移动鼠标,就有可能鼠标移动走了,但是小圆点还在原地,就是因为下一...
ejs v9 javascript模板系统

ejs v9 javascript模板系统

本版本就是改回v6的形态,后端数据还是带@前端才方便查看与调试。昨天也与一TX前端工程师讨论过这个必要性。取得模板中的需要填写的变量,再与后端传过来的JSON进行比较,尽早进行数据验证。这种技术,可以看一看PHP的变量命名就知了,带是带$前缀。 在之前的版本中,如果输出语句带分号或逗号是会报错的 复制代码 代码如下: <script type="tmpl" id="table_tmpl"> <table> <& for(var...
jQuery中判断一个元素是否为另一个元素的子元素(或者其本身)

jQuery中判断一个元素是否为另一个元素的子元素(或者其本身)

上个月研究学习了《js判断一个元素是否为另一个元素的子元素》,感觉还挺好用,但是在jQuery应用中还是有很多缺陷,比如多个元素的时候写起来就不是很方便。所以写了比较简单的jQuery判断一个元素是否为另一个元素的子元素(或者其本身)的两个扩展: 复制代码 代码如下: //判断:当前元素是否是被筛选元素的子元素 jQuery.fn.isChildOf = function(b){ return (this.parents(b).length > 0)...
javascript 循环语句 while、do-while、for-in、for用法区别

javascript 循环语句 while、do-while、for-in、for用法区别

前两个唯一的差别就是循环和判断的顺序不同,do-while比while多循环一次,我就不举例了。 for循环相信大家也熟的不能再熟了,我们就看for-in这一句。 这个其实是针对数组的,js中数组的初始化也挺奇特的比如我们在script结点里写:(另外注意下数组的初始化,用的是中括号) [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] for in实例二 var x var mycars = new Array() mycars[...
<< 1941 1942 1943 1944 1945 1946 1947 1948 1949 1950 >>