To be or not to be.That is a question!

---源于莎士比亚的《哈姆雷特》

导航

随笔分类 -  javascript

上一页 1 2 3

$.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 阅读(322) 评论(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 阅读(275) 评论(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 阅读(419) 评论(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 阅读(174) 评论(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 阅读(149) 评论(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 阅读(195) 评论(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 阅读(215) 评论(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 阅读(207) 评论(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 阅读(191) 评论(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 阅读(215) 评论(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 阅读(183) 评论(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 阅读(202) 评论(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 阅读(175) 评论(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
摘要:<!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:29 Ijavascript 阅读(734) 评论(0) 推荐(1) 编辑

上一页 1 2 3