作家
登录
  • 鼠标事件延时切换插件

    原理很简单: 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元...

    作者:asdasdasd03-30
  • 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返回值少了分号的测试代码

    测试代码:



    IE6/7/8下cssText返回值少了分号


    TEST



    [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
    各浏览器输出如下IE6/7/8 :

    IE9/Firefox/Chrome/Safari/Opera :

    可以看...

    作者:asdasdasd03-30
  • 有序列表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 *...

    作者:asdasdasd03-30
  • 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