大话西游 - 他好像一条狗诶

15236603.jpg

笑忘书 (@35230) — Fri, 14 Feb 2014 02:52:41 -0800

File Size: 3.71 KiB | Meta

Untitled.jpg

笑忘书 (@35230) — Fri, 14 Feb 2014 02:52:25 -0800

File Size: 62.38 KiB | Meta

sugarpie字体.zip

笑忘书 (@35230) — Sat, 18 Jan 2014 17:41:43 -0800

File Size: 27.65 KiB | Decompress | Meta

Untitled

笑忘书 (@35230) — Tue, 31 Dec 2013 16:41:26 -0800

CSS3按钮特效 body{background: #dcdcdc;} .box{width: 550px;text-align: center;line-height: 46px;margin:40px auto;} .btn{position: relative;font-weight:bold;width: 124px;height: 44px;border-radius: 3px;border: 1px solid #c0c0c0; margin:0 50px 40px 0;} .btn:nth-child(3n){margin-right: 0;} .btn:nth-child(1){ color: #8c3e4a; border-color: #ed7989; box-shadow:inset 0 1px 0 #f9a1b1,0 1px 0 rgba(0,0,0,.2); background:-webkit-linear-gradient(top,#f78297,#f56c7e); background:-moz-linear-gradient(top,#f78297,#f56c7e); background:-o-linear-gradient(top,#f78297,#f56c7e); background:-ms-linear-gradient(top,#f78297,#f56c7e); background:linear-gradient(top,#f78297,#f56c7e); } .btn:nth-child(1):hover{ background:-webkit-linear-gradient(top,#fbacbb,#f4798f); background:-moz-linear-gradient(top,#fbacbb,#f4798f); background:-o-linear-gradient(top,#fbacbb,#f4798f); background:-ms-linear-gradient(top,#fbacbb,#f4798f); background:linear-gradient(top,#fbacbb,#f4798f); } .btn:nth-child(1):active{ top:4px; box-shadow:inset 0 1px 3px #aa2c3d; background:-webkit-linear-gradient(top,#e15c6d,#e15c6d); background:-moz-linear-gradient(top,#e15c6d,#e15c6d); background:-o-linear-gradient(top,#e15c6d,#e15c6d); background:-ms-linear-gradient(top,#e15c6d,#e15c6d); background:linear-gradient(top,#e15c6d,#e15c6d); } .btn:nth-child(2){ color: yellow; border-color: #e6addf; box-shadow:inset 0 1px 0 #ffdcfb,0 1px 0 rgba(0,0,0,.2); background:-webkit-linear-gradient(top,#ffd0f9,#ffc2f7); background:-moz-linear-gradient(top,#ffd0f9,#ffc2f7); background:-o-linear-gradient(top,#ffd0f9,#ffc2f7); background:-ms-linear-gradient(top,#ffd0f9,#ffc2f7); background:linear-gradient(top,#ffd0f9,#ffc2f7); } .btn:nth-child(2):hover{ background:-webkit-linear-gradient(top,#ffdefb,#fdc7f6); background:-moz-linear-gradient(top,#ffdefb,#fdc7f6); background:-o-linear-gradient(top,#ffdefb,#ffc2f7); background:-ms-linear-gradient(top,#ffdefb,#ffc2f7); background:linear-gradient(top,#ffdefb,#ffc2f7); } .btn:nth-child(2):active{ top:4px; box-shadow:inset 0 1px 3px #be27aa; background:-webkit-linear-gradient(top,#f3b0ea,#f3b0ea); background:-moz-linear-gradient(top,#f3b0ea,#f3b0ea); background:-o-linear-gradient(top,#f3b0ea,#f3b0ea); background:-ms-linear-gradient(top,#f3b0ea,#f3b0ea); background:linear-gradient(top,#f3b0ea,#f3b0ea); } .btn:nth-child(3){ color: #923e3e; border-color: #b74545; box-shadow:inset 0 1px 0 #fe8585,0 1px 0 rgba(0,0,0,.2); background:-webkit-linear-gradient(top,#fd5c5c,#fd4a4a); background:-moz-linear-gradient(top,#fd5c5c,#fd4a4a); background:-ms-linear-gradient(top,#fd5c5c,#fd4a4a); background:-o-linear-gradient(top,#fd5c5c,#fd4a4a); background:linear-gradient(top,#fd5c5c,#fd4a4a); } .btn:nth-child(3):hover{ background:-webkit-linear-gradient(top,#fd8d8d,#ff6161); background:-moz-linear-gradient(top,#fd8d8d,#ff6161); background:-o-linear-gradient(top,#fd8d8d,#ff6161); background:-ms-linear-gradient(top,#fd8d8d,#ff6161); background:linear-gradient(top,#fd8d8d,#ff6161); } .btn:nth-child(3):active{ top:4px; box-shadow:inset 0 1px 3px #a31818; background:-webkit-linear-gradient(top,#d43535,#d43535); background:-moz-linear-gradient(top,#d43535,#d43535); background:-ms-linear-gradient(top,#d43535,#d43535); background:-o-linear-gradient(top,#d43535,#d43535); background:linear-gradient(top,#d43535,#d43535); } .btn:nth-child(4){ color: #7f7f7f; border-color: #c8c8c8; box-shadow:inset 0 1px 0 #e0e0e0,0 1px 0 rgba(0,0,0,.2); background:-webkit-linear-gradient(top,#d7d7d7,#b7b7b7); background:-moz-linear-gradient(top,#d7d7d7,#b7b7b7); background:-o-linear-gradient(top,#d7d7d7,#b7b7b7); background:-ms-linear-gradient(top,#d7d7d7,#b7b7b7); background:linear-gradient(top,#d7d7d7,#b7b7b7); } .btn:nth-child(4):hover{ background:-webkit-linear-gradient(top,#e3e3e3,#c2c0c0); background:-moz-linear-gradient(top,#e3e3e3,#c2c0c0); background:-o-linear-gradient(top,#e3e3e3,#c2c0c0); background:-ms-linear-gradient(top,#e3e3e3,#c2c0c0); background:linear-gradient(top,#e3e3e3,#c2c0c0); } .btn:nth-child(4):active{ top:4px; box-shadow:inset 0 1px 3px #555; background:-webkit-linear-gradient(top,#a2a2a2,#a2a2a2); background:-moz-linear-gradient(top,#a2a2a2,#a2a2a2); background:-ms-linear-gradient(top,#a2a2a2,#a2a2a2); background:-o-linear-gradient(top,#a2a2a2,#a2a2a2); background:linear-gradient(top,#a2a2a2,#a2a2a2); } .btn:nth-child(5){ color: #3295a4; border-color: #62d4e5; box-shadow:inset 0 1px 0 #92f3fe,0 1px 0 rgba(0,0,0,.2); background:-webkit-linear-gradient(top,#71effe,#4be2fe); background:-moz-linear-gradient(top,#71effe,#4be2fe); background:-o-linear-gradient(top,#71effe,#4be2fe); background:-ms-linear-gradient(top,#71effe,#4be2fe); background:linear-gradient(top,#71effe,#4be2fe); } .btn:nth-child(5):hover{ background:-webkit-linear-gradient(top,#9df5ff,#6ce6fc); background:-moz-linear-gradient(top,#9df5ff,#6ce6fc); background:-o-linear-gradient(top,#9df5ff,#6ce6fc); background:-ms-linear-gradient(top,#9df5ff,#6ce6fc); background:linear-gradient(top,#9df5ff,#6ce6fc); } .btn:nth-child(5):active{ top:4px; box-shadow:inset 0 1px 3px #1d8194; background:-webkit-linear-gradient(top,#2bbed9,#2bbed9); background:-moz-linear-gradient(top,#2bbed9,#2bbed9); background:-o-linear-gradient(top,#2bbed9,#2bbed9); background:-ms-linear-gradient(top,#2bbed9,#2bbed9); background:linear-gradient(top,#2bbed9,#2bbed9); } .btn:nth-child(6){ color: #a9a056; border-color: #ddcc52; box-shadow:inset 0 1px 0 #fff48f,0 1px 0 rgba(0,0,0,.2); background:-webkit-linear-gradient(top,#fff16d,#ffe647); background:-moz-linear-gradient(top,#fff16d,#ffe647); background:-ms-linear-gradient(top,#fff16d,#ffe647); background:-o-linear-gradient(top,#fff16d,#ffe647); background:linear-gradient(top,#fff16d,#ffe647); } .btn:nth-child(6):hover{ background:-webkit-linear-gradient(top,#fff69f,#ffea61); background:-moz-linear-gradient(top,#fff69f,#ffea61); background:-o-linear-gradient(top,#fff69f,#ffea61); background:-ms-linear-gradient(top,#fff69f,#ffea61); background:linear-gradient(top,#fff69f,#ffea61); } .btn:nth-child(6):active{ top:4px; box-shadow:inset 0 1px 3px #bbac23; background:-webkit-linear-gradient(top,#e2d12c,#e2d12c); background:-moz-linear-gradient(top,#e2d12c,#e2d12c); background:-o-linear-gradient(top,#e2d12c,#e2d12c); background:-ms-linear-gradient(top,#e2d12c,#e2d12c); background:linear-gradient(top,#e2d12c,#e2d12c); } .btn:nth-child(7){ color: #8f7031; border-color: #f1c462; box-shadow:inset 0 1px 0 #fee392,0 1px 0 rgba(0,0,0,.2); background:-webkit-linear-gradient(top,#feda71,#f6be53); background:-moz-linear-gradient(top,#feda71,#f6be53); background:-ms-linear-gradient(top,#feda71,#f6be53); background:-o-linear-gradient(top,#feda71,#f6be53); background:linear-gradient(top,#feda71,#f6be53); } .btn:nth-child(7):hover{ background:-webkit-linear-gradient(top,#ffe28e,#f6c463); background:-moz-linear-gradient(top,#ffe28e,#f6c463); background:-ms-linear-gradient(top,#ffe28e,#f6c463); background:-o-linear-gradient(top,#ffe28e,#f6c463); background:linear-gradient(top,#ffe28e,#f6c463); } .btn:nth-child(7):active{ top:4px; box-shadow:inset 0 1px 3px #b78421; background:-webkit-linear-gradient(top,#e4ab3d,#e4ab3d); background:-moz-linear-gradient(top,#e4ab3d,#e4ab3d); background:-o-linear-gradient(top,#e4ab3d,#e4ab3d); background:-ms-linear-gradient(top,#e4ab3d,#e4ab3d); background:linear-gradient(top,#e4ab3d,#e4ab3d); } .btn:nth-child(8){ color: #678333; border-color: #a7c570; box-shadow:inset 0 1px 0 #d5e89f,0 1px 0 rgba(0,0,0,.2); background:-webkit-linear-gradient(top,#cae285,#9cc15c); background:-moz-linear-gradient(top,#cae285,#9cc15c); background:-ms-linear-gradient(top,#cae285,#9cc15c); background:-o-linear-gradient(top,#cae285,#9cc15c); background:linear-gradient(top,#cae285,#9cc15c); } .btn:nth-child(8):hover{ background:-webkit-linear-gradient(top,#d8ed9b,#acce70); background:-moz-linear-gradient(top,#d8ed9b,#acce70); background:-o-linear-gradient(top,#d8ed9b,#acce70); background:-ms-linear-gradient(top,#d8ed9b,#acce70); background:linear-gradient(top,#d8ed9b,#acce70); } .btn:nth-child(8):active{ top:4px; box-shadow:inset 0 1px 3px #5a7d1e; background:-webkit-linear-gradient(top,#84ad3e,#84ad3e); background:-moz-linear-gradient(top,#84ad3e,#84ad3e); background:-ms-linear-gradient(top,#84ad3e,#84ad3e); background:-o-linear-gradient(top,#84ad3e,#84ad3e); background:linear-gradient(top,#84ad3e,#84ad3e); } .btn:nth-child(9){ color: #2d2d2d; border-color: #555555; box-shadow:inset 0 1px 0 #7a7a7a,0 1px 0 rgba(0,0,0,.2); background:-webkit-linear-gradient(top,#595959,#464646); background:-moz-linear-gradient(top,#595959,#464646); background:-o-linear-gradient(top,#595959,#464646); background:-ms-linear-gradient(top,#595959,#464646); background:linear-gradient(top,#595959,#464646); } .btn:nth-child(9):hover{ background:-webkit-linear-gradient(top,#7a7a7a,#5d5c5c); background:-moz-linear-gradient(top,#7a7a7a,#5d5c5c); background:-o-linear-gradient(top,#7a7a7a,#5d5c5c); background:-ms-linear-gradient(top,#7a7a7a,#5d5c5c); background:linear-gradient(top,#7a7a7a,#5d5c5c); } .btn:nth-child(9):active{ top:4px; box-shadow:inset 0 1px 3px #222; background:-webkit-linear-gradient(top,#444343,#444343); background:-moz-linear-gradient(top,#444343,#444343); background:-o-linear-gradient(top,#444343,#444343); background:-ms-linear-gradient(top,#444343,#444343); background:linear-gradient(top,#444343,#444343); } .btn:nth-child(10){ color: #368eb0; border-color: #88cde7; box-shadow:inset 0 1px 0 #bce9f9,0 1px 0 rgba(0,0,0,.2); background:-webkit-linear-gradient(top,#abe4f8,#70c6e7); background:-moz-linear-gradient(top,#abe4f8,#70c6e7); background:-ms-linear-gradient(top,#abe4f8,#70c6e7); background:-o-linear-gradient(top,#abe4f8,#70c6e7); background:linear-gradient(top,#abe4f8,#70c6e7); } .btn:nth-child(10):hover{ background:-webkit-linear-gradient(top,#c2ecfb,#8cd6f2); background:-moz-linear-gradient(top,#c2ecfb,#8cd6f2); background:-o-linear-gradient(top,#c2ecfb,#8cd6f2); background:-ms-linear-gradient(top,#c2ecfb,#8cd6f2); background:linear-gradient(top,#c2ecfb,#8cd6f2); } .btn:nth-child(10):active{ top:4px; box-shadow:inset 0 1px 3px #257797; background:-webkit-linear-gradient(top,#5eacc9,#5eacc9); background:-moz-linear-gradient(top,#5eacc9,#5eacc9); background:-ms-linear-gradient(top,#5eacc9,#5eacc9); background:-o-linear-gradient(top,#5eacc9,#5eacc9); background:linear-gradient(top,#5eacc9,#5eacc9); } .btn:nth-child(11){ color: #46678b; border-color: #7ea4cf; box-shadow:inset 0 1px 0 #a9cded,0 1px 0 rgba(0,0,0,.2); background:-webkit-linear-gradient(top,#94c1e9,#6ea1e1); background:-moz-linear-gradient(top,#94c1e9,#6ea1e1); background:-ms-linear-gradient(top,#94c1e9,#6ea1e1); background:-o-linear-gradient(top,#94c1e9,#6ea1e1); background:linear-gradient(top,#94c1e9,#6ea1e1); } .btn:nth-child(11):hover{ background:-webkit-linear-gradient(top,#a7d1f7,#79aae9); background:-moz-linear-gradient(top,#a7d1f7,#79aae9); background:-ms-linear-gradient(top,#a7d1f7,#79aae9); background:-o-linear-gradient(top,#a7d1f7,#79aae9); background:linear-gradient(top,#a7d1f7,#79aae9); } .btn:nth-child(11):active{ top:4px; box-shadow:inset 0 1px 3px #205aa2; background:-webkit-linear-gradient(top,#6391cb,#6391cb); background:-moz-linear-gradient(top,#6391cb,#6391cb); background:-ms-linear-gradient(top,#6391cb,#6391cb); background:-o-linear-gradient(top,#6391cb,#6391cb); background:linear-gradient(top,#6391cb,#6391cb); } .btn:nth-child(12){ color: #784e6a; border-color: #c681af; box-shadow:inset 0 1px 0 #ebadd5,0 1px 0 rgba(0,0,0,.2); background:-webkit-linear-gradient(top,#e699cb,#d677b8); background:-moz-linear-gradient(top,#e699cb,#d677b8); background:-ms-linear-gradient(top,#e699cb,#d677b8); background:-o-linear-gradient(top,#e699cb,#d677b8); background:linear-gradient(top,#e699cb,#d677b8); } .btn:nth-child(12):hover{ background:-webkit-linear-gradient(top,#f4b5de,#e082c2); background:-moz-linear-gradient(top,#f4b5de,#e082c2); background:-o-linear-gradient(top,#f4b5de,#e082c2); background:-ms-linear-gradient(top,#f4b5de,#e082c2); background:linear-gradient(top,#f4b5de,#e082c2); } .btn:nth-child(12):active{ top:4px; box-shadow:inset 0 1px 3px #9a2073; background:-webkit-linear-gradient(top,#cc6dae,#cc6dae); background:-moz-linear-gradient(top,#cc6dae,#cc6dae); background:-ms-linear-gradient(top,#cc6dae,#cc6dae); background:-o-linear-gradient(top,#cc6dae,#cc6dae); background:linear-gradient(top,#cc6dae,#cc6dae); } .btn:nth-child(13){ color: #b27171; border-color: #efb1b1; box-shadow:inset 0 1px 0 #ffd1d1,0 1px 0 rgba(0,0,0,.2); background:-webkit-linear-gradient(top,#ffc5c5,#ff9595); background:-moz-linear-gradient(top,#ffc5c5,#ff9595); background:-o-linear-gradient(top,#ffc5c5,#ff9595); background:-ms-linear-gradient(top,#ffc5c5,#ff9595); background:linear-gradient(top,#ffc5c5,#ff9595); } .btn:nth-child(13):hover{ background:-webkit-linear-gradient(top,#ffd5d5,#fd9a9a); background:-moz-linear-gradient(top,#ffd5d5,#fd9a9a); background:-o-linear-gradient(top,#ffd5d5,#fd9a9a); background:-ms-linear-gradient(top,#ffd5d5,#fd9a9a); background:linear-gradient(top,#ffd5d5,#fd9a9a); } .btn:nth-child(13):active{ top:4px; box-shadow:inset 0 1px 3px #c94b4b; background:-webkit-linear-gradient(top,#e99292,#e99292); background:-moz-linear-gradient(top,#e99292,#e99292); background:-ms-linear-gradient(top,#e99292,#e99292); background:-o-linear-gradient(top,#e99292,#e99292); background:linear-gradient(top,#e99292,#e99292); } .btn:nth-child(14){ color: #848484; border-color: #cecece; box-shadow:inset 0 1px 0 #ececec,0 1px 0 rgba(0,0,0,.2); background:-webkit-linear-gradient(top,#e5e5e5,#d5d5d5); background:-moz-linear-gradient(top,#e5e5e5,#d5d5d5); background:-o-linear-gradient(top,#e5e5e5,#d5d5d5); background:-ms-linear-gradient(top,#e5e5e5,#d5d5d5); background:linear-gradient(top,#e5e5e5,#d5d5d5); } .btn:nth-child(14):hover{ background:-webkit-linear-gradient(top,#f0f0f0,#dedddd); background:-moz-linear-gradient(top,#f0f0f0,#dedddd); background:-o-linear-gradient(top,#f0f0f0,#dedddd); background:-ms-linear-gradient(top,#f0f0f0,#dedddd); background:linear-gradient(top,#f0f0f0,#dedddd); } .btn:nth-child(14):active{ top:4px; box-shadow:inset 0 1px 3px #acacac; background:-webkit-linear-gradient(top,#c6c6c6,#c6c6c6); background:-moz-linear-gradient(top,#c6c6c6,#c6c6c6); background:-o-linear-gradient(top,#c6c6c6,#c6c6c6); background:-ms-linear-gradient(top,#c6c6c6,#c6c6c6); background:linear-gradient(top,#c6c6c6,#c6c6c6); } .btn:nth-child(15){ color: #21729d; border-color: #2b9fd9; box-shadow:inset 0 1px 0 #6accf6,0 1px 0 rgba(0,0,0,.2); background:-webkit-linear-gradient(top,#38bbf3,#2ca2e3); background:-moz-linear-gradient(top,#38bbf3,#2ca2e3); background:linear-gradient(top,#38bbf3,#2ca2e3); } .btn:nth-child(15):hover{ background:-webkit-linear-gradient(top,#6ad2ff,#3fafed); background:-moz-linear-gradient(top,#6ad2ff,#3fafed); background:-ms-linear-gradient(top,#6ad2ff,#3fafed); background:-o-linear-gradient(top,#6ad2ff,#3fafed); background:linear-gradient(top,#6ad2ff,#3fafed); } .btn:nth-child(15):active{ top:4px; box-shadow:inset 0 1px 3px #298cc3; background:-webkit-linear-gradient(top,#4ea5d5,#4ea5d5); background:-moz-linear-gradient(top,#4ea5d5,#4ea5d5); background:-o-linear-gradient(top,#4ea5d5,#4ea5d5); background:-ms-linear-gradient(top,#4ea5d5,#4ea5d5); background:linear-gradient(top,#4ea5d5,#4ea5d5); } .btn:before, .btn:after{ position: absolute; content: ""; height: 50%; border-radius: 50%; z-index: -1; } .btn:before { width: 90%; left: 5%; top:12%; box-shadow: 0 -7px 4px rgba(0,0,0,0.3); } .btn:active:before { width: 90%; left: 5%; top:12%; box-shadow: 0 0 2px rgba(0,0,0,0.3); } .btn:after { width: 80%; left: 10%; bottom: 9%; box-shadow: 0 7px 4px rgba(0,0,0,0.4); } .btn:active:after { width: 80%; left: 10%; bottom: 9%; box-shadow: 0 0 0 rgba(0,0,0,0.4); } .box p:last-child{ font-size: 20px; font-weight: bold; } .box p:last-child span{ color: #fff; } Click Me Click Me Click Me Click Me Click Me Click Me Click Me Click Me Click Me Click Me Click Me Click Me Click Me Click Me Click Me

Untitled

笑忘书 (@35230) — Sat, 28 Dec 2013 15:56:33 -0800

.flowGallery {width:810px; height:540px; position:relative; z-index:100;} .flowGallery input {position:absolute; left:-9999px;} .flow {padding:0; margin:0; list-style:none; width:810px; height:540px;} .flow li {width:150px; height:100px; position:absolute;} .flow li img {display:block; width:100%; height:100%;} .flow li.c1 {left:0; top:0; -webkit-transition:0.5s 0.05s; -moz-transition:0.5s 0.05s; -ms-transition:0.5s 0.05s; -o-transition:0.5s 0.05s; transition:0.5s 0.05s; } .flow li.c2 {left:165px; top:0; -webkit-transition:0.5s 0.1s; -moz-transition:0.5s 0.1s; -ms-transition:0.5s 0.1s; -o-transition:0.5s 0.1s; transition:0.5s 0.1s; } .flow li.c3 {left:330px; top:0; -webkit-transition:0.5s 0.15s; -moz-transition:0.5s 0.15s; -ms-transition:0.5s 0.15s; -o-transition:0.5s 0.15s; transition:0.5s 0.15s; } .flow li.c4 {left:495px; top:0; -webkit-transition:0.5s 0.2s; -moz-transition:0.5s 0.2s; -ms-transition:0.5s 0.2s; -o-transition:0.5s 0.2s; transition:0.5s 0.2s; } .flow li.c5 {left:660px; top:0; -webkit-transition:0.5s 0.25s; -moz-transition:0.5s 0.25s; -ms-transition:0.5s 0.25s; -o-transition:0.5s 0.25s; transition:0.5s 0.25s; } .flow li.c6 {left:0; top:110px; -webkit-transition:0.5s 0.3s; -moz-transition:0.5s 0.3s; -ms-transition:0.5s 0.3s; -o-transition:0.5s 0.3s; transition:0.5s 0.3s; } .flow li.c7 {left:165px; top:110px; -webkit-transition:0.5s 0.35s; -moz-transition:0.5s 0.35s; -ms-transition:0.5s 0.35s; -o-transition:0.5s 0.35s; transition:0.5s 0.35s; } .flow li.c8 {left:330px; top:110px; -webkit-transition:0.5s 0.4s; -moz-transition:0.5s 0.4s; -ms-transition:0.5s 0.4s; -o-transition:0.5s 0.4s; transition:0.5s 0.4s; } .flow li.c9 {left:495px; top:110px; -webkit-transition:0.5s 0.45s; -moz-transition:0.5s 0.45s; -ms-transition:0.5s 0.45s; -o-transition:0.5s 0.45s; transition:0.5s 0.45s; } .flow li.c10 {left:660px; top:110px; -webkit-transition:0.5s 0.5s; -moz-transition:0.5s 0.5s; -ms-transition:0.5s 0.5s; -o-transition:0.5s 0.5s; transition:0.5s 0.5s; } .flow li.c11 {left:0; top:220px; -webkit-transition:0.5s 0.45s; -moz-transition:0.5s 0.45s; -ms-transition:0.5s 0.45s; -o-transition:0.5s 0.45s; transition:0.5s 0.45s; } .flow li.c12 {left:165px; top:220px; -webkit-transition:0.5s 0.4s; -moz-transition:0.5s 0.4s; -ms-transition:0.5s 0.4s; -o-transition:0.5s 0.4s; transition:0.5s 0.4s; } .flow li.c13 {left:330px; top:220px; -webkit-transition:0.5s 0.35s; -moz-transition:0.5s 0.35s; -ms-transition:0.5s 0.35s; -o-transition:0.5s 0.35s; transition:0.5s 0.35s; } .flow li.c14 {left:495px; top:220px; -webkit-transition:0.5s 0.3s; -moz-transition:0.5s 0.3s; -ms-transition:0.5s 0.3s; -o-transition:0.5s 0.3s; transition:0.5s 0.3s; } .flow li.c15 {left:660px; top:220px; -webkit-transition:0.5s 0.25s; -moz-transition:0.5s 0.25s; -ms-transition:0.5s 0.25s; -o-transition:0.5s 0.25s; transition:0.5s 0.25s; } .flow li.c16 {left:0; top:330px; -webkit-transition:0.5s 0.2s; -moz-transition:0.5s 0.2s; -ms-transition:0.5s 0.2s; -o-transition:0.5s 0.2s; transition:0.5s 0.2s; } .flow li.c17 {left:165px; top:330px; -webkit-transition:0.5s 0.15s; -moz-transition:0.5s 0.15s; -ms-transition:0.5s 0.15s; -o-transition:0.5s 0.15s; transition:0.5s 0.15s; } #p1:checked ~ .flow li.c1 {left:0px; top:0px; width:480px; height:320px; z-index:-1;} #p1:checked ~ .flow li.c2 {left:495px; top:0px;} #p1:checked ~ .flow li.c3 {left:660px; top:0px;} #p1:checked ~ .flow li.c4 {left:495px; top:110px;} #p1:checked ~ .flow li.c5 {left:660px; top:110px;} #p1:checked ~ .flow li.c6 {left:495px; top:220px;} #p1:checked ~ .flow li.c7 {left:660px; top:220px;} #p1:checked ~ .flow li.c8 {left:0px; top:330px;} #p1:checked ~ .flow li.c9 {left:165px; top:330px;} #p1:checked ~ .flow li.c10 {left:330px; top:330px;} #p1:checked ~ .flow li.c11 {left:495px; top:330px;} #p1:checked ~ .flow li.c12 {left:660px; top:330px;} #p1:checked ~ .flow li.c13 {left:0px; top:440px;} #p1:checked ~ .flow li.c14 {left:165px; top:440px;} #p1:checked ~ .flow li.c15 {left:330px; top:440px;} #p1:checked ~ .flow li.c16 {left:495px; top:440px;} #p1:checked ~ .flow li.c17 {left:660px; top:440px;} #p2:checked ~ .flow li.c1 {left:0px; top:0px;} #p2:checked ~ .flow li.c2 {left:165px; top:0px; width:480px; height:320px; z-index:-1;} #p2:checked ~ .flow li.c3 {left:660px; top:0px;} #p2:checked ~ .flow li.c4 {left:0px; top:110px;} #p2:checked ~ .flow li.c5 {left:660px; top:110px;} #p2:checked ~ .flow li.c6 {left:0px; top:220px;} #p2:checked ~ .flow li.c7 {left:660px; top:220px;} #p2:checked ~ .flow li.c8 {left:0px; top:330px;} #p2:checked ~ .flow li.c9 {left:165px; top:330px;} #p2:checked ~ .flow li.c10 {left:330px; top:330px;} #p2:checked ~ .flow li.c11 {left:495px; top:330px;} #p2:checked ~ .flow li.c12 {left:660px; top:330px;} #p2:checked ~ .flow li.c13 {left:0px; top:440px;} #p2:checked ~ .flow li.c14 {left:165px; top:440px;} #p2:checked ~ .flow li.c15 {left:330px; top:440px;} #p2:checked ~ .flow li.c16 {left:495px; top:440px;} #p2:checked ~ .flow li.c17 {left:660px; top:440px;} #p3:checked ~ .flow li.c1 {left:0px; top:0px;} #p3:checked ~ .flow li.c2 {left:165px; top:0px;} #p3:checked ~ .flow li.c3 {left:330px; top:0px; width:480px; height:320px; z-index:-1;} #p3:checked ~ .flow li.c4 {left:0px; top:110px;} #p3:checked ~ .flow li.c5 {left:165px; top:110px;} #p3:checked ~ .flow li.c6 {left:0px; top:220px;} #p3:checked ~ .flow li.c7 {left:165px; top:220px;} #p3:checked ~ .flow li.c8 {left:0px; top:330px;} #p3:checked ~ .flow li.c9 {left:165px; top:330px;} #p3:checked ~ .flow li.c10 {left:330px; top:330px;} #p3:checked ~ .flow li.c11 {left:495px; top:330px;} #p3:checked ~ .flow li.c12 {left:660px; top:330px;} #p3:checked ~ .flow li.c13 {left:0px; top:440px;} #p3:checked ~ .flow li.c14 {left:165px; top:440px;} #p3:checked ~ .flow li.c15 {left:330px; top:440px;} #p3:checked ~ .flow li.c16 {left:495px; top:440px;} #p3:checked ~ .flow li.c17 {left:660px; top:440px;} #p4:checked ~ .flow li.c1 {left:495px; top:0px;} #p4:checked ~ .flow li.c2 {left:660px; top:0px;} #p4:checked ~ .flow li.c3 {left:495px; top:110px;} #p4:checked ~ .flow li.c4 {left:0px; top:0px; width:480px; height:320px; z-index:-1;} #p4:checked ~ .flow li.c5 {left:660px; top:110px;} #p4:checked ~ .flow li.c6 {left:495px; top:220px;} #p4:checked ~ .flow li.c7 {left:660px; top:220px;} #p4:checked ~ .flow li.c8 {left:0px; top:330px;} #p4:checked ~ .flow li.c9 {left:165px; top:330px;} #p4:checked ~ .flow li.c10 {left:330px; top:330px;} #p4:checked ~ .flow li.c11 {left:495px; top:330px;} #p4:checked ~ .flow li.c12 {left:660px; top:330px;} #p4:checked ~ .flow li.c13 {left:0px; top:440px;} #p4:checked ~ .flow li.c14 {left:165px; top:440px;} #p4:checked ~ .flow li.c15 {left:330px; top:440px;} #p4:checked ~ .flow li.c16 {left:495px; top:440px;} #p4:checked ~ .flow li.c17 {left:660px; top:440px;} #p5:checked ~ .flow li.c1 {left:0px; top:0px;} #p5:checked ~ .flow li.c2 {left:660px; top:0px;} #p5:checked ~ .flow li.c3 {left:0px; top:110px;} #p5:checked ~ .flow li.c4 {left:660px; top:110px;} #p5:checked ~ .flow li.c5 {left:165px; top:0px; width:480px; height:320px; z-index:-1;} #p5:checked ~ .flow li.c6 {left:0px; top:220px;} #p5:checked ~ .flow li.c7 {left:660px; top:220px;} #p5:checked ~ .flow li.c8 {left:0px; top:330px;} #p5:checked ~ .flow li.c9 {left:165px; top:330px;} #p5:checked ~ .flow li.c10 {left:330px; top:330px;} #p5:checked ~ .flow li.c11 {left:495px; top:330px;} #p5:checked ~ .flow li.c12 {left:660px; top:330px;} #p5:checked ~ .flow li.c13 {left:0px; top:440px;} #p5:checked ~ .flow li.c14 {left:165px; top:440px;} #p5:checked ~ .flow li.c15 {left:330px; top:440px;} #p5:checked ~ .flow li.c16 {left:495px; top:440px;} #p5:checked ~ .flow li.c17 {left:660px; top:440px;} #p6:checked ~ .flow li.c1 {left:0px; top:0px;} #p6:checked ~ .flow li.c2 {left:165px; top:0px;} #p6:checked ~ .flow li.c3 {left:0px; top:110px;} #p6:checked ~ .flow li.c4 {left:165px; top:110px;} #p6:checked ~ .flow li.c5 {left:0px; top:220px;} #p6:checked ~ .flow li.c6 {left:330px; top:0px; width:480px; height:320px; z-index:-1;} #p6:checked ~ .flow li.c7 {left:165px; top:220px;} #p6:checked ~ .flow li.c8 {left:0px; top:330px;} #p6:checked ~ .flow li.c9 {left:165px; top:330px;} #p6:checked ~ .flow li.c10 {left:330px; top:330px;} #p6:checked ~ .flow li.c11 {left:495px; top:330px;} #p6:checked ~ .flow li.c12 {left:660px; top:330px;} #p6:checked ~ .flow li.c13 {left:0px; top:440px;} #p6:checked ~ .flow li.c14 {left:165px; top:440px;} #p6:checked ~ .flow li.c15 {left:330px; top:440px;} #p6:checked ~ .flow li.c16 {left:495px; top:440px;} #p6:checked ~ .flow li.c17 {left:660px; top:440px;} #p7:checked ~ .flow li.c1 {left:0px; top:0px;} #p7:checked ~ .flow li.c2 {left:165px; top:0px;} #p7:checked ~ .flow li.c3 {left:330px; top:0px;} #p7:checked ~ .flow li.c4 {left:495px; top:0px;} #p7:checked ~ .flow li.c5 {left:660px; top:0px;} #p7:checked ~ .flow li.c6 {left:495px; top:110px;} #p7:checked ~ .flow li.c7 {left:0px; top:110px; width:480px; height:320px; z-index:-1;} #p7:checked ~ .flow li.c8 {left:660px; top:110px;} #p7:checked ~ .flow li.c9 {left:495px; top:220px;} #p7:checked ~ .flow li.c10 {left:660px; top:220px;} #p7:checked ~ .flow li.c11 {left:495px; top:330px;} #p7:checked ~ .flow li.c12 {left:660px; top:330px;} #p7:checked ~ .flow li.c13 {left:0px; top:440px;} #p7:checked ~ .flow li.c14 {left:165px; top:440px;} #p7:checked ~ .flow li.c15 {left:330px; top:440px;} #p7:checked ~ .flow li.c16 {left:495px; top:440px;} #p7:checked ~ .flow li.c17 {left:660px; top:440px;} #p8:checked ~ .flow li.c1 {left:0px; top:0px;} #p8:checked ~ .flow li.c2 {left:165px; top:0px;} #p8:checked ~ .flow li.c3 {left:330px; top:0px;} #p8:checked ~ .flow li.c4 {left:495px; top:0px;} #p8:checked ~ .flow li.c5 {left:660px; top:0px;} #p8:checked ~ .flow li.c6 {left:0px; top:110px;} #p8:checked ~ .flow li.c7 {left:660px; top:110px;} #p8:checked ~ .flow li.c8 {left:165px; top:110px; width:480px; height:320px; z-index:-1;} #p8:checked ~ .flow li.c9 {left:0px; top:220px;} #p8:checked ~ .flow li.c10 {left:660px; top:220px;} #p8:checked ~ .flow li.c11 {left:0px; top:330px;} #p8:checked ~ .flow li.c12 {left:660px; top:330px;} #p8:checked ~ .flow li.c13 {left:0px; top:440px;} #p8:checked ~ .flow li.c14 {left:165px; top:440px;} #p8:checked ~ .flow li.c15 {left:330px; top:440px;} #p8:checked ~ .flow li.c16 {left:495px; top:440px;} #p8:checked ~ .flow li.c17 {left:660px; top:440px;} #p9:checked ~ .flow li.c1 {left:0px; top:0px;} #p9:checked ~ .flow li.c2 {left:165px; top:0px;} #p9:checked ~ .flow li.c3 {left:330px; top:0px;} #p9:checked ~ .flow li.c4 {left:495px; top:0px;} #p9:checked ~ .flow li.c5 {left:660px; top:0px;} #p9:checked ~ .flow li.c6 {left:0px; top:110px;} #p9:checked ~ .flow li.c7 {left:165px; top:110px;} #p9:checked ~ .flow li.c8 {left:0px; top:220px;} #p9:checked ~ .flow li.c9 {left:330px; top:110px; width:480px; height:320px; z-index:-1;} #p9:checked ~ .flow li.c10 {left:165px; top:220px;} #p9:checked ~ .flow li.c11 {left:0px; top:330px;} #p9:checked ~ .flow li.c12 {left:165px; top:330px;} #p9:checked ~ .flow li.c13 {left:0px; top:440px;} #p9:checked ~ .flow li.c14 {left:165px; top:440px;} #p9:checked ~ .flow li.c15 {left:330px; top:440px;} #p9:checked ~ .flow li.c16 {left:495px; top:440px;} #p9:checked ~ .flow li.c17 {left:660px; top:440px;} #p10:checked ~ .flow li.c1 {left:0px; top:0px;} #p10:checked ~ .flow li.c2 {left:165px; top:0px;} #p10:checked ~ .flow li.c3 {left:330px; top:0px;} #p10:checked ~ .flow li.c4 {left:495px; top:0px;} #p10:checked ~ .flow li.c5 {left:660px; top:0px;} #p10:checked ~ .flow li.c6 {left:495px; top:110px;} #p10:checked ~ .flow li.c7 {left:660px; top:110px;} #p10:checked ~ .flow li.c8 {left:495px; top:220px;} #p10:checked ~ .flow li.c9 {left:660px; top:220px;} #p10:checked ~ .flow li.c10 {left:0px; top:110px; width:480px; height:320px; z-index:-1;} #p10:checked ~ .flow li.c11 {left:495px; top:330px;} #p10:checked ~ .flow li.c12 {left:660px; top:330px;} #p10:checked ~ .flow li.c13 {left:0px; top:440px;} #p10:checked ~ .flow li.c14 {left:165px; top:440px;} #p10:checked ~ .flow li.c15 {left:330px; top:440px;} #p10:checked ~ .flow li.c16 {left:495px; top:440px;} #p10:checked ~ .flow li.c17 {left:660px; top:440px;} #p11:checked ~ .flow li.c1 {left:0px; top:0px;} #p11:checked ~ .flow li.c2 {left:165px; top:0px;} #p11:checked ~ .flow li.c3 {left:330px; top:0px;} #p11:checked ~ .flow li.c4 {left:495px; top:0px;} #p11:checked ~ .flow li.c5 {left:660px; top:0px;} #p11:checked ~ .flow li.c6 {left:0px; top:110px;} #p11:checked ~ .flow li.c7 {left:660px; top:110px;} #p11:checked ~ .flow li.c8 {left:0px; top:220px;} #p11:checked ~ .flow li.c9 {left:660px; top:220px;} #p11:checked ~ .flow li.c10 {left:0px; top:330px;} #p11:checked ~ .flow li.c11 {left:165px; top:110px; width:480px; height:320px; z-index:-1;} #p11:checked ~ .flow li.c12 {left:660px; top:330px;} #p11:checked ~ .flow li.c13 {left:0px; top:440px;} #p11:checked ~ .flow li.c14 {left:165px; top:440px;} #p11:checked ~ .flow li.c15 {left:330px; top:440px;} #p11:checked ~ .flow li.c16 {left:495px; top:440px;} #p11:checked ~ .flow li.c17 {left:660px; top:440px;} #p12:checked ~ .flow li.c1 {left:0px; top:0px;} #p12:checked ~ .flow li.c2 {left:165px; top:0px;} #p12:checked ~ .flow li.c3 {left:330px; top:0px;} #p12:checked ~ .flow li.c4 {left:495px; top:0px;} #p12:checked ~ .flow li.c5 {left:660px; top:0px;} #p12:checked ~ .flow li.c6 {left:0px; top:110px;} #p12:checked ~ .flow li.c7 {left:165px; top:110px;} #p12:checked ~ .flow li.c8 {left:0px; top:220px;} #p12:checked ~ .flow li.c9 {left:165px; top:220px;} #p12:checked ~ .flow li.c10 {left:0px; top:330px;} #p12:checked ~ .flow li.c11 {left:165px; top:330px;} #p12:checked ~ .flow li.c12 {left:330px; top:110px; width:480px; height:320px; z-index:-1;} #p12:checked ~ .flow li.c13 {left:0px; top:440px;} #p12:checked ~ .flow li.c14 {left:165px; top:440px;} #p12:checked ~ .flow li.c15 {left:330px; top:440px;} #p12:checked ~ .flow li.c16 {left:495px; top:440px;} #p12:checked ~ .flow li.c17 {left:660px; top:440px;} #p13:checked ~ .flow li.c1 {left:0px; top:0px;} #p13:checked ~ .flow li.c2 {left:165px; top:0px;} #p13:checked ~ .flow li.c3 {left:330px; top:0px;} #p13:checked ~ .flow li.c4 {left:495px; top:0px;} #p13:checked ~ .flow li.c5 {left:660px; top:0px;} #p13:checked ~ .flow li.c6 {left:0px; top:110px;} #p13:checked ~ .flow li.c7 {left:165px; top:110px;} #p13:checked ~ .flow li.c8 {left:330px; top:110px;} #p13:checked ~ .flow li.c9 {left:495px; top:110px;} #p13:checked ~ .flow li.c10 {left:660px; top:110px;} #p13:checked ~ .flow li.c11 {left:495px; top:220px;} #p13:checked ~ .flow li.c12 {left:660px; top:220px;} #p13:checked ~ .flow li.c13 {left:0px; top:220px; width:480px; height:320px; z-index:-1;} #p13:checked ~ .flow li.c14 {left:495px; top:330px;} #p13:checked ~ .flow li.c15 {left:660px; top:330px;} #p13:checked ~ .flow li.c16 {left:495px; top:440px;} #p13:checked ~ .flow li.c17 {left:660px; top:440px;} #p14:checked ~ .flow li.c1 {left:0px; top:0px;} #p14:checked ~ .flow li.c2 {left:165px; top:0px;} #p14:checked ~ .flow li.c3 {left:330px; top:0px;} #p14:checked ~ .flow li.c4 {left:495px; top:0px;} #p14:checked ~ .flow li.c5 {left:660px; top:0px;} #p14:checked ~ .flow li.c6 {left:0px; top:110px;} #p14:checked ~ .flow li.c7 {left:165px; top:110px;} #p14:checked ~ .flow li.c8 {left:330px; top:110px;} #p14:checked ~ .flow li.c9 {left:495px; top:110px;} #p14:checked ~ .flow li.c10 {left:660px; top:110px;} #p14:checked ~ .flow li.c11 {left:0px; top:220px;} #p14:checked ~ .flow li.c12 {left:660px; top:220px;} #p14:checked ~ .flow li.c13 {left:0px; top:330px;} #p14:checked ~ .flow li.c14 {left:165px; top:220px; width:480px; height:320px; z-index:-1;} #p14:checked ~ .flow li.c15 {left:660px; top:330px;} #p14:checked ~ .flow li.c16 {left:0px; top:440px;} #p14:checked ~ .flow li.c17 {left:660px; top:440px;} #p15:checked ~ .flow li.c1 {left:0px; top:0px;} #p15:checked ~ .flow li.c2 {left:165px; top:0px;} #p15:checked ~ .flow li.c3 {left:330px; top:0px;} #p15:checked ~ .flow li.c4 {left:495px; top:0px;} #p15:checked ~ .flow li.c5 {left:660px; top:0px;} #p15:checked ~ .flow li.c6 {left:0px; top:110px;} #p15:checked ~ .flow li.c7 {left:165px; top:110px;} #p15:checked ~ .flow li.c8 {left:330px; top:110px;} #p15:checked ~ .flow li.c9 {left:495px; top:110px;} #p15:checked ~ .flow li.c10 {left:660px; top:110px;} #p15:checked ~ .flow li.c11 {left:0px; top:220px;} #p15:checked ~ .flow li.c12 {left:165px; top:220px;} #p15:checked ~ .flow li.c13 {left:0px; top:330px;} #p15:checked ~ .flow li.c14 {left:165px; top:330px;} #p15:checked ~ .flow li.c15 {left:330px; top:220px; width:480px; height:320px; z-index:-1;} #p15:checked ~ .flow li.c16 {left:0px; top:440px;} #p15:checked ~ .flow li.c17 {left:165px; top:440px;} #p16:checked ~ .flow li.c1 {left:0px; top:0px;} #p16:checked ~ .flow li.c2 {left:165px; top:0px;} #p16:checked ~ .flow li.c3 {left:330px; top:0px;} #p16:checked ~ .flow li.c4 {left:495px; top:0px;} #p16:checked ~ .flow li.c5 {left:660px; top:0px;} #p16:checked ~ .flow li.c6 {left:0px; top:110px;} #p16:checked ~ .flow li.c7 {left:165px; top:110px;} #p16:checked ~ .flow li.c8 {left:330px; top:110px;} #p16:checked ~ .flow li.c9 {left:495px; top:110px;} #p16:checked ~ .flow li.c10 {left:660px; top:110px;} #p16:checked ~ .flow li.c11 {left:0px; top:220px;} #p16:checked ~ .flow li.c12 {left:660px; top:220px;} #p16:checked ~ .flow li.c13 {left:0px; top:330px;} #p16:checked ~ .flow li.c14 {left:660px; top:330px;} #p16:checked ~ .flow li.c15 {left:0px; top:440px;} #p16:checked ~ .flow li.c16 {left:165px; top:220px; width:480px; height:320px; z-index:-1;} #p16:checked ~ .flow li.c17 {left:660px; top:440px;} #p17:checked ~ .flow li.c1 {left:0px; top:0px;} #p17:checked ~ .flow li.c2 {left:165px; top:0px;} #p17:checked ~ .flow li.c3 {left:330px; top:0px;} #p17:checked ~ .flow li.c4 {left:495px; top:0px;} #p17:checked ~ .flow li.c5 {left:660px; top:0px;} #p17:checked ~ .flow li.c6 {left:0px; top:110px;} #p17:checked ~ .flow li.c7 {left:165px; top:110px;} #p17:checked ~ .flow li.c8 {left:330px; top:110px;} #p17:checked ~ .flow li.c9 {left:495px; top:110px;} #p17:checked ~ .flow li.c10 {left:660px; top:110px;} #p17:checked ~ .flow li.c11 {left:0px; top:220px;} #p17:checked ~ .flow li.c12 {left:165px; top:220px;} #p17:checked ~ .flow li.c13 {left:0px; top:330px;} #p17:checked ~ .flow li.c14 {left:165px; top:330px;} #p17:checked ~ .flow li.c15 {left:0px; top:440px;} #p17:checked ~ .flow li.c16 {left:165px; top:440px;} #p17:checked ~ .flow li.c17 {left:330px; top:220px; width:480px; height:320px; z-index:-1;}

这就是传说中的老汉推车观音坐莲老树盘根

笑忘书 (@35230) — Sat, 28 Dec 2013 01:46:09 -0800

. m~01.jpg. mmm~01.jpg. forum~01.jpg

亮点在哪里.jpg

笑忘书 (@35230) — Sat, 28 Dec 2013 01:41:44 -0800

File Size: 2.24 MiB | Meta

龅牙珍素描.jpg

笑忘书 (@35230) — Sat, 28 Dec 2013 01:39:54 -0800

File Size: 6.32 KiB | Meta

周星驰与李小龙.jpg

笑忘书 (@35230) — Sat, 28 Dec 2013 01:38:30 -0800

File Size: 20.09 KiB | Meta

JS对象

笑忘书 (@35230) — Sat, 16 Nov 2013 04:23:05 -0800

JS数组

笑忘书 (@35230) — Sat, 16 Nov 2013 04:16:44 -0800

var i; var cars = new Array(); cars[0] = "Audi"; cars[1] = "BMW"; cars[2] = "Volvo"; for (i=0;i 下面的代码创建名为 cars 的数组： var cars=new Array(); cars[0]="Audi"; cars[1]="BMW"; cars[2]="Volvo"; 或者 (condensed array): var cars=new Array("Audi","BMW","Volvo"); 或者 (literal array): var cars=["Audi","BMW","Volvo"];

开灯练习 match

笑忘书 (@35230) — Sat, 16 Nov 2013 03:27:04 -0800

function changeImage() { element=document.getElementById('myimage') if (element.src.match("bulbon")) { element.src="http://www.w3school.com.cn/i/eg_bulboff.gif"; } else { element.src="http://www.w3school.com.cn/i/eg_bulbon.gif"; } } 点击灯泡来点亮或熄灭这盏灯

点击灯泡来点亮或熄灭这盏灯

match()

innerHTML

笑忘书 (@35230) — Sun, 22 Sep 2013 03:48:38 -0700

A Paragraph Try it function myFunction() { document.getElementById("demo").innerHTML="My First JavaScript Function"; }

A Paragraph

BIOS.rar

笑忘书 (@35230) — Thu, 08 Aug 2013 07:32:11 -0700

File Size: 0.25 MiB | Decompress | Meta

CXDX.zip

笑忘书 (@35230) — Sat, 03 Aug 2013 16:38:12 -0700

File Size: 0.31 MiB | Decompress | Meta