-
鼠标事件延时切换插件
原理很简单: onmouseover、onmouseout执行业务代码时使用setTimeout进行延时,第二次触发的时候先清除掉前面的setTimeout。 原理 复制代码 代码如下: var timer; document.getElementById('tes...
作者:asdasdasd03-30 -
js中获取事件对象的方法小结
复制代码 代码如下: var evt = window.event || arguments[0]; 下面分三种添加事件的方式讨论,你也许会看到以前没有看到过的获取方式。 1,第一种添加事件的方式,直接在html的属性中写JS代码...
作者:asdasdasd03-30 -
再论Javascript的类继承
无参数类继承的问题 先看一段示例代码,实现B继承于A: 复制代码 代码如下: function A() { } A.prototype.a1 = function() { }; function B() { } B.prototype = new A(); B.prototype.b1 = fu...
作者:asdasdasd03-30 -
JavaScript对象之间的转换 jQuery对象和原声DOM
$("#test") //jQuery对象 $("#test")[0] //jQuery对象->原生的DOM对象 $($("#test")[0]) //DOM对象->jQuery对象(有点绕,但只要明白使用$()后能将原生的DOM对象封装成jQuery对象即可)...
作者:asdasdasd03-30 -
始终在屏幕中间显示Div的代码(css+js)
一、在中间显示;(参考:sky100articles1790515) 复制代码 代码如下: .ordersearchDivCss { position: absolute; z-index: 100; display: block; background-color: #6ec1df; } <div class="orde...
作者:asdasdasd03-30 -
Javascript闭包演示代码小结
闭包演示
p {background:gold;}
产品 0
产品 1
产品 2
产品 3
产品 4
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]以上场景是初学者经常碰到的。即获取HTML元... -
js中if语句的几种优化代码写法
尽管我还没使用它去做一些尝试性的测试,但从这里可以看到它的确对js作了美化的工作。也许有人认为if语句就那么简单,能优化到什么程度?但是看看以下的几种方式,你也许会改变看法。 一、使用常...
作者:asdasdasd03-30 -
再论Javascript下字符串连接的性能
1 如何进行字符串连接? 首先让我们来回顾一下字符串连接的两种常用方法: 1.1 使用字符串连接运算符 常用的语言(如Java、C#、PHP等)都有字符串连接运算符,Javascript也不例外,代码示例: 复...
作者:asdasdasd03-30 -
基于jquery的无缝循环新闻列表插件
一、效果图:tips源码下载 http://xiazai.jb51.net/201103/yuanma/jquerynewslist.rar二、jquery源码: 复制代码 代码如下: (function($){ $.fn.extend({ newsList:function(options){ var defau...
作者:asdasdasd03-30 -
js+css使DIV始终居于屏幕中间 左下 左上 右上 右下的代码集合
复制代码 代码如下: <!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/ <!DOC...
作者:asdasdasd03-30 -
jQuery hover 延时器实现代码
例如: 复制代码 代码如下: $('#foo').slideUp(300).delay(800).fadeIn(400);// 在.slideUp() 和 .fadeIn()之间延时800毫秒。 hover是否可以设计一个延时器呢?答案是肯定的。延时操作目的是为...
作者:asdasdasd03-30 -
js中巧用cssText属性批量操作样式
给一个HTML元素设置css属性,如 复制代码 代码如下: var head= document.getElementById("head"); head.style.width = "200px"; head.style.height = "70px"; head.style.display = "block"; 这...
作者:asdasdasd03-30 -
基于jquery的地址栏射击游戏代码
演示地址:http://demo.jb51.net/js/2011/hunt/index.htm玩法向下看 请看地址栏上的字母 O! 你使用O来向 a射击。 使用键盘上的 左箭头 和 右箭头 移动字母O. 当O移动到 a 上时,按 空格键射击! 游...
作者:asdasdasd03-30 -
JavaScript全局函数使用简单说明
1、decodeURI() 参数:string 功能描述:对 encodeURI() 函数编码过的 URI 进行解码。 实例: 可把 http://www.jb51.net/My%20first/ 解码为 http://www.jb51.net/My first/ 2、decodeURIComponent...
作者:asdasdasd03-30 -
淘宝搜索框效果实现分析
淘宝的搜索框就用到了这样一种设计:这种设计一般是用javascript监控了输入框的focus和blur事件:复制代码 代码如下: <input type="text" id="q" value="请输入关键字" /> <script type="text/j...
作者:asdasdasd03-30 -
仅在IE6/7/8下cssText返回值少了分号的测试代码
测试代码:
作者:asdasdasd03-30
IE6/7/8下cssText返回值少了分号
TEST
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
各浏览器输出如下IE6/7/8 :
IE9/Firefox/Chrome/Safari/Opera :
可以看... -
有序列表ol漂亮css分页样式代码(纯css)
有序列表ol漂亮分页样式
a { color:#000;}
.pagination{
overflow:hidden;
margin:0;
padding:10px 10px 6px 10px;
border-top:1px solid #f60;
_zoom:1;
}
.pagination *... -
JQuery中的$.getJSON 使用说明
原型如下: jQuery.getJSON( url, [data], [callback] ) 跨域加载JSON数据。 url: 发送请求的地址 data : (可选) 待发送key/value参数 callback: (可选) 载入成功时的回调函数 主要用于客户端获...
作者:asdasdasd03-30 -
js parseInt的陷阱分析小结
复制代码 代码如下: var a = parseInt("09"), b = Number("09"); 很多人会认为a和b的值都是数字9,但实际上不是。 parseInt的主要作用是把字符串转换为整数,或者把小数转换为整数。一般情况下...
作者:asdasdasd03-30 -
javascript textarea光标定位方法(兼容IE和FF)
今天在做一个博客转发的功能,就像新浪微薄转播的那个功能一样,有一个textArea,就是我们发微薄的那个框,别人的微薄都有一个转发的按钮,当我们点击这个转发按钮的时候,他的微薄就会进入到tex...
作者:asdasdasd03-30 -
JavaScript获取页面上某个元素的代码
W3C标准推荐的语法是通过document文档对象获取DOM树内的内的某个元素,常见的方法有getElementById()、getElementsByName()、getElementsByTagName(),他们的作用分别通过id属性、name属性...
作者:asdasdasd03-30 -
javascript模拟的Ping效果代码 (Web Ping)
当然,在请求时无法统计HTTP头部的长度,所以当请求数据包长度在最大传输单元临界点时,额外的HTTP头可以导致IP分组,因此存在一定的误差.(2009/6/21) 在线演示:http://demo.jb51.net/js/2011/ping...
作者:asdasdasd03-30 -
Jquery中getJSON在asp.net中的使用说明
准备工作 ·Customer类 复制代码 代码如下: public class Customer { public int Unid { get; set; } public string CustomerName { get; set; } public string Memo { get; set; } public stri...
作者:asdasdasd03-30 -
扩展jquery实现客户端表格的分页、排序功能代码
下载代码和示例:jqueryPaging.rar 使用方法如下: 复制代码 代码如下: <script language="javascript" type="text/javascript"> $("#myTable").tablePaging({ pageSize: 5, sorting: true, sor...
作者:asdasdasd03-30 -
Jquery.LazyLoad.js修正版下载,实现图片延迟加载插件
从网上下载来的版本多多少少都有些BUG,尤其是加载后在IE6和IE7下图片闪动是个大问题,在网上查了很久,也没有找到相关的解决方案。没解决方案,就得发挥咱DIY的精神,自己想法解决,分析了BUG,...
作者:asdasdasd03-30