jQuery之浮动窗口实现代码(两种方法) 2017年02月06日 24 阅读 第一种方法:预览: Html代码 复制代码 代码如下: <html> <head> <title>浮动窗口</title> <link type="text/css" rel="stylesheet" href="css/overflow.css" /> <script type="text/javascript" src="js/jquery.js"></script> ...
jQeury淡入淡出需要注意的问题 2017年02月06日 23 阅读 前两天看到橡树小屋朋友发表的《JQuery 实现图片轮播效果》,比较有趣,发现他是使用fadeIn和fadeOut实现图片淡入淡出轮换的。当时曾担心他的例子中如果连续多次点击,所产生的动画会不会有延时。但我连续点击了几下,没看到明显的延时,就没再多想。 众所周知,jQuery所产生的动画效果默认会进入列队的。假如:点击一下,产生动画3秒钟。然后我快速的连点3次。那么要等到9秒钟,所有动画才能结束。animate是自定义动画,可以很容易的设定动画是否进入...
Javascript的一种模块模式 2017年02月06日 22 阅读 Douglas Crockford已经传授了一个有用的单例模式(singleton pattern)实现此规则,我认为他的模式有益于你基于YUI的那些应用。Douglas叫它模块模式(module pattern)。它是如下工作的: 1、创建一个命名空间对象:如果你使用YUI,可以用YAHOO.namespace()方法: YAHOO.namespace("myProject");这分配了一个空的myProject对象,是YAHOO的一个成员(如 果myP...
javascript循环变量注册dom事件 之强大的闭包 2017年02月06日 23 阅读 今天遇到了这个问题: 复制代码 代码如下: //伪代码 for (var i=0; i<n; i++) { addEvent(obj[i], "click", func(i)); } 结果出现了问题,所有的dom都被注册了 i=n 的时候的事件,查了一些资料,说是在循环过程过this被改变,注册过的事件也被随之改变,找到了一种解决方法; 复制代码 代码如下: for (var i=0; i<n; i++) { (function (i){ad...
JavaScript与Div对层定位和移动获得坐标的实现代码 2017年02月06日 23 阅读 1:移动图层 获得点的x轴y轴坐标,从而进行绝对定位(注意:竖拉框会影响 x 轴 y 轴坐标值) 复制代码 代码如下: var x,y,z,down=false,obj function init(){ obj=event.srcElement //事件触发对象 obj.setCapture() //设置属于当前对象的鼠标捕捉 z=obj.style.zIndex //获取对象的z轴坐标值 //设置对象的z轴坐标值为100,确保当前层显示在最前面 obj....
js中匿名函数的N种写法 2017年02月06日 24 阅读 匿名函数没有实际名字,也没有指针,怎么执行滴? 其实大家可以看看小括号的意义就应该可以理解。小括号有返回值,也就是小括号内的函数或者表达式的返回值,所以说小括号内的function返回值等于小括号的返回值,不难理解 (function(){})()可以将没有名字的函数执行了把… 关于匿名函数写法,很发散~ 最常见的用法: 复制代码 代码如下: (function() { alert("water"); })(); 当然也可以带参数: 复制代码 代码如下:...
js location.replace与location.reload的区别 2017年02月06日 21 阅读 location.reload相当于我们按F5,页面在服务器端已经存在,isPostBack页面不会从服务器端重新生成,然后返回客户端 会在浏览器的历史浏览记录中增加一条记录 location.replace 页面会从服务器端重新创建,not ispostback,这个是用新的url代替原Url,把Histrory里面url也替换成了新的Url window.location.href,本层页面跳转 首先,定义一个iframe 复制代码 代码如下: <...
一些常用且实用的原生JavaScript函数 2017年02月06日 24 阅读 css及html方面的技巧总结,点此前往: 前端开发中一些常用技巧总结, 你还可以前往兰芝博客, 查看由淘宝UED整理的前端tips: http://www.12sui.cn/category/css/. 1. document.getElementById的简写: http://www.jb51.net/article/24762.htm; 2. getElementsByTagName的简写方式: http://www.jb51.net/article...
document.getElementById的简写方式(获取id对象的简略写法) 2017年02月06日 23 阅读 比如用_$(id)代替document.getElementById(id). 如果是纯粹的代替可以使用下面的代码 复制代码 代码如下: function $(id){document.getElementById(id)} 个人比较推荐用prototype中对document.getElementById的定义: 复制代码 代码如下: function $() { var elements = new Array(); for (var i = 0; ...
JavaScript中获取元素索引的函数 2017年02月06日 21 阅读 这是我在写结构/表现/行为完全分离的选项卡(jQ版和原生JS版)一文时发现的问题. 今天一个朋友也问到我这个问题, 这个函数的确很实用. 和大家分享一下我的实现方法. 代码: 复制代码 代码如下: function index(current, obj){ for (var i = 0; i < obj.length; i++) { if (obj[i] == current) { return i; } } } 原理: 通过一个for循环遍历找出...
心扬JS分页函数代码 2017年02月06日 23 阅读 复制代码 代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-...
有趣的javascript数组定义方法 2017年02月06日 22 阅读 复制代码 代码如下: var Person = new Array(); Person[0] = 120;//定义人的体重 120斤 Person[1] = 21;//定义人的年龄 21岁 document.write(“体重="+Person[0]+"年龄="+Person[1]);//输出人的体重和年龄 另一个有趣的定义数组的方法: 复制代码 代码如下: var Person = new Array(); Per...
限制字符输入数功能(jquery版和原生JS版) 2017年02月06日 22 阅读 已知BUG: Ubuntu系统下, onkeyup事件失效,详见: Ubuntu系统下onkeyup/onkeydown对中文输入失效bug. 查看演示: 点此查看DEMO 核心代码: 复制代码 代码如下: //原生JavaScript版本 window.onload=function(){ var js=document.getElementById("js");//获取文本域 var info=document.getElementsByTagName...
jquery关于页面焦点的定位(文本框获取焦点时改变样式 ) 2017年02月06日 24 阅读 功能实现: 用户在输入文字时,如果能高亮显示正在输入的那个文本框的话,会更人性化些,下面就使用jQuery来实现。 实现原理: 在document加载完成后(ready),添加input的focus和blur事件,并进行增加和删除样式的操作。 代码示例: 复制代码 代码如下: <html> <head><title></title> <style type="text/css"> .redBack...
jquery之empty()与remove()区别说明 2017年02月06日 22 阅读 1.empty()是只移除了 指定元素中的所有子节点,拿$("p").empty()来说,他只是把<p>dsfsd</p>中的文本给移除了,而留下 了<p></p>,仍保留其在dom中所占的位置。2.remove([expr])则是把其从dom中删除,而不会保留其所占的位置。例:<p>Hello</p>World<p>welcome</p>执行$("p").em...
编写Js代码要注意的几条规则 2017年02月06日 24 阅读 1.不要大量使用document.write() 2.检查客户端支持对象的能力(渐进式)而不是检查其客户端,测试要使用的对象。 3.访问既有HTML中的内容而不是通过Js添加HTML(行为层与结构层分离) 4.不要使用专有DOM对象(例如IE的document.all) 5.将脚本放进一个.js文件而不是在HTML中到处可见。 6.对运行良好而且不用客户端编程的网站进行改进,而不是首先添加脚本然后添加非脚本的备用方案。 7.代码要保持独立,不要使用可能与其...
跨帧结构无限级菜单 2017年02月06日 23 阅读 解释地址 写点东西不容易啊 真的就这么杯具了 杯具啊 杯具的菜单 body{margin:0px; padding:0px; font-size:12px;} *{margin:0; padding:0;} .de{ background-image:url(http://paui.52done.cn/demos/menu/images/nav_bg.gif);} #demo1{list-style:none; height:26px; cur...
Js组件的一些写法 2017年02月06日 23 阅读 今天看了rank的一篇javascript脚本控件topic,突然想总结一下一些写JS组件的方法,或者说一些不同人的不同coding style。 首先看下Prototype里的写法: 复制代码 代码如下: var Class = { create: function() { return function() { this.init.apply(this, arguments); } } } var A = Class.create(); A.pro...
javascript 触发HTML元素绑定的函数 2017年02月06日 25 阅读 复制代码 代码如下:if (document.createEvent) { var clickEvent = document.createEvent("MouseEvents"); clickEvent.initEvent("click", false, true); this.fileEl.dom.dispatchEvent(clickEvent);//ff } else if (document.createEventObject) { this.f...
javascript多种数据类型表格排序代码分析 2017年02月06日 25 阅读 中文汉字排序、 中英文混合排序、 数据大小排序、 文件类型排序(后缀名排序) 日期时间排序、 价格排序、 中文混合数字排序; 使用方法:文档载入后new tableListSort(arguments,arguments)。 接受两个参数:第一个参数为必须的,可以是字符串ID,也可以是table对象;第二个可选参数,此参数为一个对象,{data:index,fileType:index,fn:function(){}};对象有三个可选的属性,第一个和第二个...