乐胖代购免代理版

jQuery

轮播图

原创精选 2016-12-21 14:05:14 1655 阅读 1收藏

浏览器对象的各种宽高

Window对象属性ScreenLeft/ScreenTop/ScreenX/ScreenY只读整数，声明了窗口的左上角在屏幕上的 x 坐标和 y 坐标。IE、Safari 和 Opera 支持 ScreenLeft/ScreenTopFirefox、Safari 支持 ScreenX/ScreenYChrome 都支持innerWidth/innerHeight只读属性，声明了窗口的文档显示区

screen

offsetX

clientX

原创精选 2016-12-19 12:37:39 1942 阅读 1收藏

Javascript Date对象 --- 时间戳及淘宝倒计时抢购功能实现

时间戳（timestamp）是指格林威治时间 1970年 01月 01日 00时 00分 00秒 (北京时间1970年01月01日08时00分00秒)起至现在的总毫秒数。Date.parse( datestring ) parse( ) 方法可以解析一个日期的时间字符串，并返回 1970/01/01 午夜距离该日期时间的毫秒数//获取2005年7月8日到格林威治时间相差的毫秒数

new

Date

原创精选 2016-12-10 16:07:35 7384 阅读 2收藏

jQuery 表单应用：全选/取消全选，表单验证，网页选项卡切换

应用一：单行文本框应用需要用到的 APIfocus([[data],fn]) --> 当元素获得焦点时，触发 focus 事件blur([[data],fn]) --> 当元素失去焦点时，触发 blur 事件<!DOCTYPE html> <html> <head

type

trigger

Handler

原创精选 2016-12-08 16:55:31 2608 阅读 1点赞 1收藏

jQuery 表格应用：隔行变色，展开关闭，内容筛选

应用一：表格隔行变色1、普通的隔行变色：需要用到的 API$(':odd') --> 匹配所有索引值为奇数的元素，从0开始计数$(':even') --> 匹配所有索引值为偶数的元素，从0开始计数<!DOCTYPE html> <html> <head lang="en"> &nb

jQuery

原创 2016-12-08 10:42:36 2339 阅读

详解 JSON 和 JSONP

JSON 介绍1、什么是 JSON？> JSON 指的是 JavaScript 对象表示法 (JavaScript Object Notation)> JSON 是一种轻量级的数据交换格式，比 XML 更小、更快、更易解析> JSON 独立于语言的文本格式> JSON 易于人阅读和编写，同时也易于机器解析和生成JSON 最初来自于 JavaScript，后来被所有的编程语言

json

jsonp

原创精选 2016-11-29 13:46:16 1357 阅读 1点赞 1评论

Ajax 跨域请求-- Cross Domain

在认识跨域之前，先简单了解下域名和协议名，比如下面这个 URLhttp://mail.163.com/index.htmlhttp:// 协议名，也就是HTTP超文本传输协议mail &n

jsonp

Access-Control-Allow

原创 2016-11-26 16:21:39 2423 阅读

常用小Demo：用js/jQuery实现回到页面顶部功能

HTML代码：<div class="main"> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab amet debitis, dolore&nb

Top

scroll

animate

原创 2016-11-14 16:47:12 1320 阅读

轻松搞定this绑定方法 call apply bind

先来看一个例子var obj = {}; //创建一个对象 obj.name = "James"; //给对象添加一个属性 obj.say = function(){ //给对象添加一个方法 console.log('My&nb

bind

call

apply

原创 2016-11-07 16:18:16 1535 阅读

扑朔迷离的 this关键字

在Java，C#等面向对象的语言中，this的含义是明确且具体的，固定指向运行时的当前对象。而由于Javascript的动态性（边解释边执行），this的指向在运行时才能确定，跟定义在哪儿无关。this总是返回一个对象，就是属性或方法当前所属的对象。一般来讲，就是“.”前的那个对象（个人认为这种说法是非常容易误导人的）var name = '张三'; var&nb

javascript

关键字

this

原创精选 2016-11-04 14:58:06 1366 阅读 1收藏

标签页切换

标签页切换应该是网页中最常见的功能之一了吧，今天简单的做个记录，希望能帮到一部分初学者HTML代码：<div id="header"> <ul class="clearfix"> <!-- 注意看

切换

tabs

标签页

原创 2016-11-02 15:11:30 847 阅读

统计Textarea的输入字符数

HTML代码：<div class="item-textarea"> <textarea></textarea> <span>还可以输入<i>500</i>个文字</span> </div>CSS代

验证

统计

表单

原创 2016-10-29 14:58:15 986 阅读

jquery实现购物车数量加减，价格计算功能

HTML代码：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content=

js

购物车

完整功能

原创精选 2016-10-20 14:02:23 10000+阅读 1点赞 1评论

键值 keyCode事件属性

keyCode属性返回onkeypress事件触发的键值的字符代码，或onkeydown/onkeyup的键的代码。两种代码类型的区别是：字符代码 - 表示 ASCII 字符的数字键盘代码 - 表示键盘上真实键的数字HTML:<input type="text" id="test" onkeydown="testKeyCode();">JS://按下回车键