javascript - 随笔分类(第3页) - Ijavascript

$.getJSON 的用法

摘要：<!DOCTYPE HTML><html dir="ltr" lang="zh-CN"><head> <meta charset="utf-8"/> <title></title> <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script></head><body> 阅读全文

posted @ 2013-05-30 17:34 Ijavascript 阅读(331) 评论(0) 推荐(0)

摘要：<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>瀑布流布局（绝对定位）</title> <style type="text/css"> html, body{ height:100% } html, body, #warp p{ margin:0; padding:0 } #warp{ margin:20px auto; posit... 阅读全文

posted @ 2013-05-28 23:29 Ijavascript 阅读(283) 评论(0) 推荐(0)

Overlay 遮罩层

摘要：<!DOCTYPE HTML><html lang="zh-CN"><head> <meta charset="utf-8"> <title></title> <style type="text/css"> img{padding: 5px;} #outer{width: 100%;height: 100%;} .overlay{background-color: #000;opacity: .7;filter:alpha(opacity=70);po 阅读全文

posted @ 2013-05-28 11:09 Ijavascript 阅读(435) 评论(0) 推荐(0)

Preventing and Event from Propagation Through a set of Nested Elements

摘要：<!DOCTYPE HTML><html lang="zh-CN"> <head> <meta charset="utf-8"> <title>Prevent Propagation</title> <style type="text/css"> #one{width: 100px;height: 100px;background-color: #0f0;} #two{width: 50px;height: 50px;background-color: 阅读全文

posted @ 2013-05-27 22:25 Ijavascript 阅读(185) 评论(0) 推荐(0)

Using Function Closures with Timers

摘要：<!DOCTYPE HTML><html lang="zh-CN"> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> #redbox{position: absolute;left: 100px;top: 100px;width: 200px;height: 200px;background-color: red;} </style> </he 阅读全文

posted @ 2013-05-27 21:43 Ijavascript 阅读(161) 评论(0) 推荐(0)

无缝滚动 javscript

摘要：demo:var Mar=(function(Global){ var Marquee=function(id){ var content=document.getElementById(id), original=content.getElementsByTagName("li")[0], speed=arguments[1] || 10, clone=original.cloneNode(true); content.appendChild(clone); var sc... 阅读全文

posted @ 2013-05-03 23:05 Ijavascript 阅读(202) 评论(0) 推荐(0)

YUI3 resize

摘要：Demo:<!DOCTYPE HTML><html lang="zh-CN"><head> <meta charset="UTF-8"> <title></title> <script src="http://yui.yahooapis.com/3.10.0/build/yui/yui-min.js"></script> <script type="text/javascript" src="js.js& 阅读全文

posted @ 2013-05-02 12:52 Ijavascript 阅读(221) 评论(0) 推荐(0)

YUI3 弹出层

摘要：demo：<!doctype html><html><head> <meta charset="utf-8"> <title></title> <script src="http://yui.yahooapis.com/3.10.0/build/yui/yui-min.js"></script> <style type="text/css"> .yui3-overlay-content{ padding: 2px; border 阅读全文

posted @ 2013-04-29 21:54 Ijavascript 阅读(217) 评论(0) 推荐(0)

YUI3模块化定制

摘要：demo：<!doctype html><html><head> <meta charset="utf-8"> <title></title> <script src="http://yui.yahooapis.com/3.10.0/build/yui/yui-min.js"></script></head><body> <div id="demo"></div> <script typ 阅读全文

posted @ 2013-04-29 18:10 Ijavascript 阅读(204) 评论(0) 推荐(0)

轮播图小实验

摘要：var Scoll=(function(auto_load){ var util={ $:function(node){ return typeof node =="string" ? document.getElementById(node) : node; }, $$:function(node,name){ var elem=node.getElementsByTagName("*"), arr=[], reg=new RegExp("\\b"+name+"\\b","i"), i; fo 阅读全文

posted @ 2013-04-28 22:19 Ijavascript 阅读(219) 评论(0) 推荐(0)

javascript之观察者模式

摘要：demo1:var global = window; (function(ns, base){ //被观察的对象 function Observable(){ this.observers = {}; } Observable.prototype = { //subscribe bind: function(name, observer){ var observers = this.observers[name] || ( this.observ... 阅读全文

posted @ 2013-04-28 15:33 Ijavascript 阅读(196) 评论(0) 推荐(0)

javascript之中介者模式

摘要：function Player(name){ this.points=0; this.name=name;}Player.prototype.play=function(){ this.points+=1; mediator.played();}var scoreboard={ element:document.getElementById("results"), update:function(score){ var i,msg=''; for(i in score){ if(score.hasOwnPro... 阅读全文

posted @ 2013-04-28 12:05 Ijavascript 阅读(211) 评论(0) 推荐(0)

Javascript 代码洁癖

摘要：var Global={};Global.namespace=function(str){ var arr=str.split("."),o=Global; for(var i=(arr[0])=="Global" ? 1 : 0;i<arr.length;i++){ o[arr[i]]=o[arr[i]] || {}; o=o[arr[i]]; }}Global.namespace("Dom");Global.namespace("Event");/***************************** 阅读全文

posted @ 2013-04-26 10:30 Ijavascript 阅读(185) 评论(0) 推荐(0)

Handlebars 学习2

摘要：<!doctype html><html><head> <meta charset="utf-8"> <title></title> <script type="text/javascript" src="libs/jquery.js"></script> <script type="text/javascript" src="libs/handlebars.js"></script 阅读全文

posted @ 2013-04-16 21:46 Ijavascript 阅读(74) 评论(0) 推荐(0)

Handlebars 学习1