作家
登录
  • JQuery选择器特辑 详细小结

    这是看《锋利的jquery》时,整理出来的一些东西,很多方法,需要大家亲自实践一下,才会理解得更加深刻,切莫眼高手低哦……
    Jquery选择器分类:基本选择器,层次选择器,过滤选择器,表单选择器...

    作者:asdasdasd03-30
  • 基于jquery tab切换(防止页面刷新)

    在网上找了很多jquery效果,都是这样的,于是自己写了一个。防止页面刷新的tab切换, html代码: 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://...

    作者:asdasdasd03-30
  • jQuery-onload让第一次页面加载时图片是淡入方式显示

    复制代码 代码如下: $("#load img").load(function() { //图片默认隐藏 $(this).hide(); //使用fadeIn特效 $(this).fadeIn("5000"); }) <div id="load" class="loading"><img src="images/apple...

    作者:asdasdasd03-30
  • jQuery 瀑布流 浮动布局(一)(延迟AJAX加载图片)

    浮动布局:即HTML结构的列,是用浮动方式。 一、功能分析:   1.判断图片是否进入可视区域;   2.用AJAX请求服务器数据;   3.将数据播入到相应的列队; 二、实现方法:   给window的scr...

    作者:asdasdasd03-30
  • {}与function(){}选用空对象{}来存放keyValue

    贪多必失,写了一个用操作url 的js工具类,这个类上面有个属性叫queryString,我原来的做法是让queryString=function(){} , 想法是希望能够queryString[key]或者queryString(key[,value])这样两...

    作者:asdasdasd03-30
  • JQuery 返回布尔值Is()条件判断方法代码

    下面是JQuery的Is()方法判断; 复制代码 代码如下: $(function(){ $("ul").click(function(event){ var tar = event.target; if(tar.tagName == "STRONG"){ alert(tar.tagName); } }); }) 上面...

    作者:asdasdasd03-30
  • 使用JQuery和CSS模拟超链接的用户单击事件的实现代码

    在正式开始本文之前,先来简单介绍下HTML的<a>标签:使用<a>标签,我们可以在HTML页面上定义锚(anchor),锚有两种用法: 通过使用 href 属性,创建指向另外一个文档的链接(或超链接) 通过使...

    作者:asdasdasd03-30
  • 各浏览器中querySelector和querySelectorAll的实现差异分析

    querySelector和querySelectorAll是W3C提供的新的查询接口复制代码 代码如下: module dom { [Supplemental, NoInterfaceObject] interface NodeSelector { Element querySelector(in DOMString ...

    作者:asdasdasd03-30
  • jQuery 瀑布流 绝对定位布局(二)(延迟AJAX加载图片)

    瀑布流-绝对定位布局,与浮动布局的区别在于 1.布局不一样:   绝对定位:一个UL里面放置所有的绝对定位的LI;   浮动布局:多个(一般三四个)UL分布放置LI; 2.AJAX不一样   绝对定位:...

    作者:asdasdasd03-30
  • jquery.Jwin.js 基于jquery的弹出层插件代码

    代码如下: 复制代码 代码如下: (function ($) { var imgdir = 'images/';//图片文件夹路径 var autoHide=false;//悬浮div是否自动隐藏 var hideType='hide';//隐藏的方式 可选参数 hide、slide...

    作者:asdasdasd03-30
  • javascript的数据类型、字面量、变量介绍

    数据类型: 1.数值型(整型int 浮点型floating) 2.字符串类型(string) 3.布尔型(只有两个值:ture fasle) 字符串字面量 1.转义系列: 在javascript中一些符号是辨别不出来的,只有转义之后...

    作者:asdasdasd03-30
  • 解决jquery的datepicker的本地化以及Today问题

    1、本地化 可以直接加载文件,也可以直接在script后面加入如下语句 复制代码 代码如下: jQuery(function ($) { $.datepicker.regional['zh-CN'] = { closeText: '关闭', prevText: '&#x3c;上月'...

    作者:asdasdasd03-30
  • jQuery 1.7.2中getAll方法的疑惑分析

    getAll方法是私有的,在manipulation模块中。代码只有简单的几行,如下 复制代码 代码如下: function getAll( elem ) { if ( typeof elem.getElementsByTagName !== "undefined" ) { return ele...

    作者:asdasdasd03-30
  • setTimeout的延时为0时多个浏览器的区别

    由于不是很了解浏览器的内部执行策略,本文只能是通过前端一些测试依稀猜测些结论: 1)测试举例 做了两个例子: 1-1)脚本在页面中直接执行,通过刷新看结果 复制代码 代码如下: <!DOCTYPE HTM...

    作者:asdasdasd03-30
  • 自己做的模拟模态对话框实现代码

    复制代码 代码如下: <!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/xht...

    作者:asdasdasd03-30
  • javascript简单拖拽实现代码(鼠标事件 mousedown mousemove mouseup)

    mousedown 的时候创建拖动对象,mouseup的时候释放对象,原理弄清楚了其实很简单。 简单拖拽实现代码:




    简单拖拽实现

    *{margin:0;padding:0;}
    #box{ margin:20px auto; position:...

    作者:asdasdasd03-30
  • jQuery 拖动层(在可视区域范围内)

    复制代码 代码如下: (function($){ $.fn.extend({ mydrag:function(){ var boxX = 0; //元素在页面中的横坐标 var boxY = 0; //元素在页面中的纵坐标 var dMouseX = 0; //按下鼠标时的鼠标所在位...

    作者:asdasdasd03-30
  • JavaScript可否多线程? 深入理解JavaScript定时机制

    例如 复制代码 代码如下: setTimeout( function(){ alert('你好!'); } , 0); setInterval( callbackFunction , 100); 认为setTimeout中的问候方法会立即被执行,因为这并不是凭空而说,而是JavaS...

    作者:asdasdasd03-30
  • 判断多个input type=file是否有已经选择好文件的代码

    表单中有多个<input type="file" name="uploadfile" contentEditable="false" style="width:80%">, 提交表单时需要判断其中至少要有一个input已经选择好文件。 复制代码 代码如下: <input type...

    作者:asdasdasd03-30
  • JS拖拽的进一步练习,移动与拉伸实现代码

    直接在本地是支持IE6的,有个问题就是,鼠标点击的时候光标会变为选择文字的光标,不知道应该怎么处理这个问题呢? 在此记录一下代码:




    简单拖拽扩展

    *{margin:0;padding:0;}
    #ou...

    作者:asdasdasd03-30
  • JS中处理与当前时间间隔的函数代码

    复制代码 代码如下: <script type="text/javascript"> //计算一个日期字符串与当前日期相差值 //输入的参数形式如:2012-12-12 12:12:12 //返回相差值的字符串 function GetDateDiff(datetime) ...

    作者:asdasdasd03-30
  • 基于mootools插件实现遮罩层新手引导

    插件代码 复制代码 代码如下: /* --- name: UserGuider authors: - Garland Yang requires: [Core/Class, Core/Element.Style, Core/Element.Event, Core/Element.Dimensions] version: - 1.0 ....

    作者:asdasdasd03-30
  • 检测input每次的输入是否合法遇到汉字输入就有问题

    记录一下资料,就这几天测试一下 然后发布成果 复制代码 代码如下: <input type="text" value="xxx" id="xx" onclick="this.myprop='xx'"> <script type="text/javascript"> <!-- document.getE...

    作者:asdasdasd03-30
  • 基于jQuery的图片左右无缝滚动插件

    在线演示:http://demo.jb51.net/js/2012/myslideLeftRight/打包下载:http://www.jb51.net/jiaoben/44973.html核心代码: 复制代码 代码如下: (function($){ $.fn.extend({ "slidelf":function(...

    作者:asdasdasd03-30
  • JavaScript学习笔记记录我的旅程

    1、什么是JavaScript? (1) HTML只是描述网页长相的标记语言,没有计算,判断能力,如果所有计算,判断(比如判断文本框是否为空,判断两次密码是否输入一致)店铺放到服务器端执行的话网页的页面会...

    作者:asdasdasd03-30