JavaScript资料,JavaScript文章,JavaScript文档-易库教程_www.escdns.com

易网时代-编程资源站

首页 / 脚本样式 / JavaScript

再谈javascript图片预加载技术（详细演示）

再谈javascript图片预加载技术（详细演示）

2017年02月06日 24 阅读

而本文所提到的预加载技术主要是让javascript快速获取图片头部数据的尺寸。一段典型的使用预加载获取图片大小的例子：复制代码代码如下: var imgLoad = function （url, callback） { var img = new Image（）; img.src = url; if （img.complete） { callback（img.width, img.height）; } else { img.onload = func...

autoIMG 基于jquery的图片自适应插件代码

autoIMG 基于jquery的图片自适应插件代码

2017年02月06日 20 阅读

为了防止图片撑破布局，最常见的仍然是通过onload后获取图片尺寸再进行调整，所以加载过程中仍然会撑破。而Qzone日志的图片在此进行了改进，onload完毕后才显示原图。我以前用onload写过一个小例子：http://www.planeart.cn/？p=1022 通过imgReady可以跨浏览器在dom ready就可以实现图片自适应，无需等待img加载，代码如下：复制代码代码如下: // jQuery.autoIMG.js v0.2 // Ta...

鼠标事件延时切换插件

鼠标事件延时切换插件

2017年02月06日 22 阅读

原理很简单： onmouseover、onmouseout执行业务代码时使用setTimeout进行延时，第二次触发的时候先清除掉前面的setTimeout。原理复制代码代码如下: var timer; document.getElementById（"test"）.onmouseover = function （） { clearTimeout（timer）; timer = setTimeout（function （） { alert（"over...

js中if语句的几种优化代码写法

js中if语句的几种优化代码写法

2017年02月06日 22 阅读

尽管我还没使用它去做一些尝试性的测试，但从这里可以看到它的确对js作了美化的工作。也许有人认为if语句就那么简单，能优化到什么程度？但是看看以下的几种方式，你也许会改变看法。一、使用常见的三元操作符复制代码代码如下: if （foo） bar（）; else baz（）; ==> foo？bar（）:baz（）; if （！foo） bar（）; else baz（）; ==> foo？baz（）:bar（）; if （foo） retu...

jQuery hover 延时器实现代码

jQuery hover 延时器实现代码

2017年02月06日 21 阅读

例如：复制代码代码如下: $（"#foo"）.slideUp（300）.delay（800）.fadeIn（400）;// 在.slideUp（）和 .fadeIn（）之间延时800毫秒。 hover是否可以设计一个延时器呢？答案是肯定的。延时操作目的是为了防止用户误触发事件，一般情况下鼠标指针小于150毫秒的停留时间都可以被忽略。其实，如果入侵delay全能让其作用在hover事件上，但是为了避免John Resig不断的折腾jQuery而导致兼...

有序列表ol漂亮css分页样式代码（纯css）

有序列表ol漂亮css分页样式代码（纯css）

2017年02月06日 24 阅读

有序列表ol漂亮分页样式 a { color:#000;} .pagination{ overflow:hidden; margin:0; padding:10px 10px 6px 10px; border-top:1px solid #f60; _zoom:1; } .pagination *{ display:inline; float:left; margin:0; padding:0; font-size:12px; } .pagin...

JavaScript获取页面上某个元素的代码

JavaScript获取页面上某个元素的代码

2017年02月06日 24 阅读

W3C标准推荐的语法是通过document文档对象获取DOM树内的内的某个元素，常见的方法有getElementById（）、getElementsByName（）、getElementsByTagName（），他们的作用分别通过id属性、name属性/标签名称返回单个节点或节点集合。复制代码代码如下: <！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://w...

重载toString实现JS HashMap分析

重载toString实现JS HashMap分析

2017年02月06日 25 阅读

不过请仔细对比一下，你会发现其中差别还是很大的。Java HashMap的key是Object类型，所以可以任何类型的参数，而JS的key只能是字符串或是数字。你也许会说，obj={};map[obj]=1;这段代码传入了既不是数字也不是字符的key，但也没发生错误啊。那是因为解释器将obj对象通过内置的toString方法转换成“[object Object]”这段字符了，你可以用for each下map看看。而java之所以能够接受任何类型的key，...

js中关于new Object时传参的一些细节分析

js中关于new Object时传参的一些细节分析

2017年02月06日 24 阅读

1, 参数是一个对象，核心js对象（native ECMAScript object）或宿主对象（host object），那么将直接返回该对象。其生成的对象构造器仍然是所传参数对象的构造器。这样造成的后果是虽然该对象是new Object，但其constructor不一定是Object。复制代码代码如下:function Person（）{this.name="jack";} var w = new Object（window）, d = new ...

js中获取事件对象的方法小结

js中获取事件对象的方法小结

2017年02月06日 22 阅读

复制代码代码如下: var evt = window.event || arguments[0]; 下面分三种添加事件的方式讨论，你也许会看到以前没有看到过的获取方式。 1，第一种添加事件的方式，直接在html的属性中写JS代码复制代码代码如下: <div onclick="alert（4）;">Div1 Element</div> 大概这是上世纪90年代的写法，那时候直接把js代码写在网页中很普遍，也许那时候的js并不太...

Javascript闭包演示代码小结

Javascript闭包演示代码小结

2017年02月06日 23 阅读

闭包演示 p {background:gold;} function init（） { var pAry = document.getElementsByTagName（"p"）; for（ var i=0; i...

js中巧用cssText属性批量操作样式

js中巧用cssText属性批量操作样式

2017年02月06日 21 阅读

给一个HTML元素设置css属性，如复制代码代码如下: var head= document.getElementById（"head"）; head.style.width = "200px"; head.style.height = "70px"; head.style.display = "block"; 这样写太罗嗦了，为了简单些写个工具函数，如复制代码代码如下: function setStyle（obj,css）{ for（var a...

仅在IE6/7/8下cssText返回值少了分号的测试代码

仅在IE6/7/8下cssText返回值少了分号的测试代码

2017年02月06日 25 阅读

测试代码： IE6/7/8下cssText返回值少了分号 TEST var div = document.getElementsByTagName（"div"）; alert（div[0].style.cssText）; [Ctrl+A 全选注:如需引入外部Js需刷新才能执行]各浏览器输出如下IE6/7/8 :IE9/Firefox/Chrome/Safari/Opera :可以看到IE6/7/8中少了分号。使用cssText属性时需...

javascript模拟的Ping效果代码（Web Ping）

javascript模拟的Ping效果代码（Web Ping）

2017年02月06日 24 阅读

当然,在请求时无法统计HTTP头部的长度,所以当请求数据包长度在最大传输单元临界点时,额外的HTTP头可以导致IP分组,因此存在一定的误差.（2009/6/21）在线演示：http://demo.jb51.net/js/2011/ping/核心代码：复制代码代码如下:<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1...

最短的IE判断代码

最短的IE判断代码

2017年02月06日 22 阅读

Code: var ie = ！+"v1"; 仅仅需要7bytes！参见这篇文章，《32 bytes, ehr ... 9, ehr ... 7！！！ to know if your browser is IE》，讲述外国人是如何把IE的判定从32 bytes一步步缩简成7 bytes！的故事但这纪录今年1月8日被一个俄国人打破了，现在只要6 bytes！它利用了IE与标准浏览器在处理数组的toString方法的差异做成的。对于标准游览器，如果数组里面最...

js中用事实证明cssText性能高的问题

js中用事实证明cssText性能高的问题

2017年02月06日 23 阅读

复制代码代码如下: <！DOCTYPE HTML> <html> <head> <meta charset="gbk"> <title>事实证明cssText在多数浏览器中性能较高</title> </head> <body> <input type="button" value="测试1" onclick="test1（）"/> || <i...

jQuery前台数据获取实现代码

jQuery前台数据获取实现代码

2017年02月06日 20 阅读

jProviderData 复制代码代码如下: /// <reference path="jUtil.js" /> $j = jQuery.noConflict（）; （function （$j） { $j.providerData={ defaultSettings: { select_Span_Items: false, select_TD_Items: false, select_LI_Items: false }, init:func...

基于Jquery的仿照flash放大图片效果代码

基于Jquery的仿照flash放大图片效果代码

2017年02月06日 25 阅读

Html：复制代码代码如下: <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <link...

扩展jquery实现客户端表格的分页、排序功能代码

扩展jquery实现客户端表格的分页、排序功能代码

2017年02月06日 25 阅读

下载代码和示例：jqueryPaging.rar 使用方法如下：复制代码代码如下: <script language="javascript" type="text/javascript"> $（"#myTable"）.tablePaging（{ pageSize: 5, sorting: true, sortSelector: ".js-Order", sortType: "number" }）; </script> 如果仅...

初识JQuery 实例一（first）

初识JQuery 实例一（first）

2017年02月06日 23 阅读

完整代码:复制代码代码如下:<！DOCTYPE html> <html> <head> <style type="text/css"> .highlight { background-color: yellow; } .gray { background-color: Gray; } </style> <script src="http://code.jquery.com/jquery-1...

<< 491 492 493 494 495 496 497 498 499 500 >>

版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图