效果一:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>1</title> <meta http-equiv="imagetoolbar" content="no"> <style type="text/css"> html { overflow: hidden; } body { margin: 0px; padding: 0px; background: #000; width: 100%; height: 100%; } #imageFlow { position: absolute; width: 100%; height: 80%; left: 0%; top: 10%; background: #000; } #imageFlow .diapo { position: absolute; left: -1000px; cursor: pointer; -ms-interpolation-mode: nearest-neighbor; } #imageFlow .link { border: dotted #fff 1px; margin-left: -1px; margin-bottom: -1px; } #imageFlow .bank { visibility: hidden; } #imageFlow .top { position: absolute; width: 100%; height: 40%; background: #181818; } #imageFlow .text { position: absolute; left: 0px; width: 100%; bottom: 16%; text-align: center; color: #FFF; font-family: verdana, arial, Helvetica, sans-serif; z-index: 1000; } #imageFlow .title { font-size: 0.9em; font-weight: bold; } #imageFlow .legend { font-size: 0.8em; } #imageFlow .scrollbar { position: absolute; left: 10%; bottom: 10%; width: 80%; height: 16px; z-index: 1000; } #imageFlow .track { position: absolute; left: 1%; width: 98%; height: 16px; filter: alpha(opacity=30); opacity: 0.3; } #imageFlow .arrow-left { position: absolute; } #imageFlow .arrow-right { position: absolute; right: 0px; } #imageFlow .bar { position: absolute; height: 16px; left: 25px; } </style> </head> <body> <div id="imageFlow"> <div class="top"></div> <div class="bank"> <a rel="http://preview.zcool.com.cn/code/js/04/1/ct37.jpg" title="Myselves" href="http://www.design-studio.cn/" _fcksavedurl="http://www.design-studio.cn/">My identity lies in not knowing who I am</a> <a rel="http://preview.zcool.com.cn/code/js/04/1/ct60.jpg" title="Discoveries" href="http://www.design-studio.cn/" _fcksavedurl="http://www.design-studio.cn/">...are made by not following instructions</a> <a rel="http://preview.zcool.com.cn/code/js/04/1/sf53.jpg" title="Nothing" href="http://www.design-studio.cn/" _fcksavedurl="http://www.design-studio.cn/">...can come between us</a> <a rel="http://preview.zcool.com.cn/code/js/04/1/sf48.jpg" title="New life" href="http://www.design-studio.cn/" _fcksavedurl="http://www.design-studio.cn/">Here you come!</a> <a rel="http://preview.zcool.com.cn/code/js/04/1/ct81.jpg" title="Optimists" href="http://www.design-studio.cn/" _fcksavedurl="http://www.design-studio.cn/">They don't know all the facts yet</a> <a rel="http://preview.zcool.com.cn/code/js/04/1/ct134.jpg" title="Empathy" href="http://www.design-studio.cn/" _fcksavedurl="http://www.design-studio.cn/">Emotional intimacy</a> <a rel="http://preview.zcool.com.cn/code/js/04/1/ct41.jpg" title="Much work" href="http://www.design-studio.cn/" _fcksavedurl="http://www.design-studio.cn/">...remains to be done before we can announce our total failure to make any progress</a> <a rel="http://preview.zcool.com.cn/code/js/04/1/ct75.jpg" title="System error" href="http://www.design-studio.cn/" _fcksavedurl="http://www.design-studio.cn/">Errare Programma Est</a> <a rel="http://preview.zcool.com.cn/code/js/04/1/bl201.jpg" title="Nonexistance" href="http://www.design-studio.cn/" _fcksavedurl="http://www.design-studio.cn/">There's no such thing</a> <a rel="http://preview.zcool.com.cn/code/js/04/1/ct137.jpg" title="Inside" href="http://www.design-studio.cn/" _fcksavedurl="http://www.design-studio.cn/">I抦 now trapped, without hope of escape or rescue</a> <a rel="http://preview.zcool.com.cn/code/js/04/1/ct65.jpg" title="E-Slaves" href="http://www.design-studio.cn/" _fcksavedurl="http://www.design-studio.cn/">The World is flat</a> <a rel="http://preview.zcool.com.cn/code/js/04/1/or105.jpg" title="l0v3" href="http://www.design-studio.cn/" _fcksavedurl="http://www.design-studio.cn/">1 l0v3 j00 - f0r3v3r</a> <a rel="http://preview.zcool.com.cn/code/js/04/1/ct139.jpg" title="T minus zero" href="http://www.design-studio.cn/" _fcksavedurl="http://www.design-studio.cn/">111 111 111 x 111 111 111 = 12345678987654321</a> <a rel="http://preview.zcool.com.cn/code/js/04/1/ct27.jpg" title="The End" href="http://www.design-studio.cn/" _fcksavedurl="http://www.design-studio.cn/">...has not been written yet</a> </div> <div class="text"> <div class="title">Loading</div> <div class="legend">Please wait...</div> </div> <div class="scrollbar"> <img class="track" src="http://preview.zcool.com.cn/code/js/04/1/sb.gif" _fcksavedurl="http://preview.zcool.com.cn/code/js/04/1/sb.gif" alt=""> <img class="arrow-left" src="http://preview.zcool.com.cn/code/js/04/1/sl.gif" _fcksavedurl="http://preview.zcool.com.cn/code/js/04/1/sl.gif" alt=""> <img class="arrow-right" src="http://preview.zcool.com.cn/code/js/04/1/sr.gif" _fcksavedurl="http://preview.zcool.com.cn/code/js/04/1/sr.gif" alt=""> <img class="bar" src="http://preview.zcool.com.cn/code/js/04/1/sc.gif" _fcksavedurl="http://preview.zcool.com.cn/code/js/04/1/sc.gif" alt=""> </div> </div> </body> </html> 效果二: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>2</title> <meta http-equiv="imagetoolbar" content="no"> <style type="text/css"> html { overflow: hidden; } body { background: #222; width: 100%; height: 100%; cursor: crosshair; } .spanSlide { position: absolute; background: #000; font-size: 1px; overflow: hidden; } .imgSlide { position: absolute; left: 5%; top: 5%; width: 90%; height: 90%; overflow: hidden; } .txtSlide { position: absolute; top: 5%; left: 50px; width:100%; color:#FFF; font-family: arial, helvetica, verdana, sans-serif; font-weight: bold; font-size:96px; letter-spacing:12px; filter: alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; } </style> </head> <body> <div style="position:absolute;left:50%;top:50%"> <div style="position:absolute;width:720px;height:560px;left:-360px;top:-280px;background:#fff"></div> <div style="position:absolute;left:-40px;top:-6px;color:#000;font-family:arial;font-size:0.9em">Loading...</div> <div id="screen" style="position:absolute;width:640px;height:480px;left:-320px;top:-240px;overflow:hidden"></div> </div> <div id="images" style="visibility:hidden"> <img title="infinite" src="http://preview.zcool.com.cn/code/js/04/2/pil.jpg" _fcksavedurl="http://preview.zcool.com.cn/code/js/04/2/pil.jpg"> <img title="yellow" src="http://preview.zcool.com.cn/code/js/04/2/cit.jpg" _fcksavedurl="http://preview.zcool.com.cn/code/js/04/2/cit.jpg"> <img title="earth" src="http://preview.zcool.com.cn/code/js/04/2/earth.jpg" _fcksavedurl="http://preview.zcool.com.cn/code/js/04/2/earth.jpg"> <img title="dream" src="http://preview.zcool.com.cn/code/js/04/2/draps.jpg" _fcksavedurl="http://preview.zcool.com.cn/code/js/04/2/draps.jpg"> <img title="flowers" src="http://preview.zcool.com.cn/code/js/04/2/flo.jpg" _fcksavedurl="http://preview.zcool.com.cn/code/js/04/2/flo.jpg"> </div> </body> </html> 效果三: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>3</title> <style type="text/css"> html { overflow: hidden; } body { margin: 0px; padding: 0px; background: #000; position: absolute; width: 100%; height: 100%; cursor: crosshair; } #diapoContainer { position: absolute; left: 10%; top: 10%; width: 80%; height: 80%; background: #222; overflow: hidden; } .imgDC { position: absolute; cursor: pointer; border: #000 solid 2px; filter: alpha(opacity=90); opacity: 0.9; visibility: hidden; } .spaDC { position: absolute; filter: alpha(opacity=20); opacity: 0.2; background: #000; visibility: hidden; } .imgsrc { position: absolute; width: 120px; height: 67px; visibility: hidden; margin: 4%; } #bkgcaption { position: absolute; bottom: 0px; left: 0px; width: 100%; height: 6%; background:#1a1a1a; } #caption { position: absolute; font-family: arial, helvetica, verdana, sans-serif; white-space: nowrap; color: #fff; bottom: 0px; width: 100%; left: -10000px; text-align: center; } </style> </head> <body> <div id="diapoContainer"> <img class="imgsrc" src="http://preview.zcool.com.cn/code/js/04/3/conspiracy_21.jpg" _fcksavedurl="http://preview.zcool.com.cn/code/js/04/3/conspiracy_21.jpg" alt="Reconsider your Existence"> <img class="imgsrc" src="http://preview.zcool.com.cn/code/js/04/3/conspiracy_22.jpg" _fcksavedurl="http://preview.zcool.com.cn/code/js/04/3/conspiracy_22.jpg" alt="Something Needs to be Discovered"> <img class="imgsrc" src="http://preview.zcool.com.cn/code/js/04/3/conspiracy_24.jpg" _fcksavedurl="http://preview.zcool.com.cn/code/js/04/3/conspiracy_24.jpg" alt="They Said Very Little"> <img class="imgsrc" src="http://preview.zcool.com.cn/code/js/04/3/conspiracy_26.jpg" _fcksavedurl="http://preview.zcool.com.cn/code/js/04/3/conspiracy_26.jpg" alt="Only in Your Mind"> <img class="imgsrc" src="http://preview.zcool.com.cn/code/js/04/3/conspiracy_32.jpg" _fcksavedurl="http://preview.zcool.com.cn/code/js/04/3/conspiracy_32.jpg" alt="The Power of Imagination"> <img class="imgsrc" src="http://preview.zcool.com.cn/code/js/04/3/conspiracy_29.jpg" _fcksavedurl="http://preview.zcool.com.cn/code/js/04/3/conspiracy_29.jpg" alt="Objectivity is Impossible"> <img class="imgsrc" src="http://preview.zcool.com.cn/code/js/04/3/conspiracy_31.jpg" _fcksavedurl="http://preview.zcool.com.cn/code/js/04/3/conspiracy_31.jpg" alt="Cleaning Up Operation"> <img class="imgsrc" src="http://preview.zcool.com.cn/code/js/04/3/conspiracy_17.jpg" _fcksavedurl="http://preview.zcool.com.cn/code/js/04/3/conspiracy_17.jpg" alt="Arbitrary Contents"> <div id="bkgcaption"></div> <div id="caption"></div> </div> </body> </html> 效果四: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>5</title> <meta http-equiv="imagetoolbar" content="no"> <style type="text/css"> html { overflow: hidden; } body { margin: 0px; padding: 0px; background: #000; position: absolute; width: 100%; height: 100%; cursor: crosshair; } #box { position: absolute; background: #111; border: gray solid 1px; visibility: hidden; } #screen { position: absolute; left: 0px; width: 100%; top: 10%; height: 80%; background: #000; border: gray solid 1px; } #box img { position: absolute; border: gray solid 1px; cursor: pointer; } #box span { position: absolute; color: #ccc; font-family: verdana; font-size: 12px; width: 200px; } #box a { text-decoration: none; color:#ff8000; } #box a:hover { text-decoration: none; background:#ff8000; color:#ffffff; } #box a:visited { text-decoration: none; color:#ff8000; } #box a:visited:hover { text-decoration: none; background:#ff8000; color:#ffffff; } #lnk { visibility: hidden; } </style> </head> <body> <div id="screen"> <div id="box""> <img src="http://preview.zcool.com.cn/code/js/04/5/newborn.jpg" _fcksavedurl="http://preview.zcool.com.cn/code/js/04/5/newborn.jpg" title="explain" alt="They explained a little about what they were doing."> <img src="http://preview.zcool.com.cn/code/js/04/5/majesty.jpg" _fcksavedurl="http://preview.zcool.com.cn/code/js/04/5/majesty.jpg" title="strain" alt="I hoped I wouldn′t crack under the strain."> <img src="http://preview.zcool.com.cn/code/js/04/5/whitemagic.jpg" _fcksavedurl="http://preview.zcool.com.cn/code/js/04/5/whitemagic.jpg" title="retain" alt="Clearly they were ready to do almost anything to retain their position."> <img src="http://preview.zcool.com.cn/code/js/04/5/gazebo2k3.jpg" _fcksavedurl="http://preview.zcool.com.cn/code/js/04/5/gazebo2k3.jpg" title="mundane" alt="I observed the face of power at its most mundane."> <img src="http://preview.zcool.com.cn/code/js/04/5/pyre.jpg" _fcksavedurl="http://preview.zcool.com.cn/code/js/04/5/pyre.jpg" title="inhumane" alt="But they couldn′t hide the very worst of their inhumane undertakings from the people."> <img src="http://preview.zcool.com.cn/code/js/04/5/singularity.jpg" _fcksavedurl="http://preview.zcool.com.cn/code/js/04/5/singularity.jpg" title="disdain" alt="They showed their utter, complete disdain for justice."> <img src="http://preview.zcool.com.cn/code/js/04/5/spellcraft.jpg" _fcksavedurl="http://preview.zcool.com.cn/code/js/04/5/spellcraft.jpg" title="never again" alt="Never more. Never again."> <span id="txt"></span> <span id="tit"></span> <span id="lnk"> <a href="http://www.dhteumeuleu.com" _fcksavedurl="http://www.dhteumeuleu.com">www.dhteumeuleu.com</a> <a></a> <a></a> <a></a> <a></a> <a></a> <a></a> </span> </div> </div> <span id="LB0" style="position:absolute;left:50%;top:50%;"><span style="position:absolute;font-family:arial;font-size:10px;color:#FFFFFF;left:-50px;top:-18px">Loading...</span> <span style="position:absolute;left:-50px;top:-5px;font-size:1px;width:100px;height:10px;background:#333"><span id="LB1" style="position:absolute;left:0px;top:0px;font-size:1px;width:0px;height:10px;background:#FFFFFF"></span></span></span> </body> </html> 效果五: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>4</title> <meta http-equiv="imagetoolbar" content="no"> <style type="text/css"> body { background: #222; overflow: hidden; left: 0; top: 0; width: 100%; height: 100%; margin: 0; padding: 0; } #screen img { position: absolute; visibility: hidden; } #screen span { position: absolute; background: #fff; cursor: pointer; visibility: hidden; filter: alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; } </style> </head> <body> <div style="position:absolute;left:50%;top:50%"> <div style="position:absolute;left:-220px;top:-170px;width:440px;height:340px;background:#000"></div> <div id="screen" style="position:absolute;left:-200px;top:-150px;width:400px;height:200px;overflow:hidden"> </div> </div> <div id="images" style="position:absolute;left:-10000px;top:-10000px;"> <img onload="setTimeout('starter();',500)" src="http://preview.zcool.com.cn/code/js/04/4/wi37.jpg" _fcksavedurl="http://preview.zcool.com.cn/code/js/04/4/wi37.jpg"> <img src="http://preview.zcool.com.cn/code/js/04/4/wi2.jpg" _fcksavedurl="http://preview.zcool.com.cn/code/js/04/4/wi2.jpg"> <img src="http://preview.zcool.com.cn/code/js/04/4/wi7.jpg" _fcksavedurl="http://preview.zcool.com.cn/code/js/04/4/wi7.jpg"> <img src="http://preview.zcool.com.cn/code/js/04/4/wi20.jpg" _fcksavedurl="http://preview.zcool.com.cn/code/js/04/4/wi20.jpg"> <img src="http://preview.zcool.com.cn/code/js/04/4/wi3.jpg" _fcksavedurl="http://preview.zcool.com.cn/code/js/04/4/wi3.jpg"> <img src="http://preview.zcool.com.cn/code/js/04/4/wi10.jpg" _fcksavedurl="http://preview.zcool.com.cn/code/js/04/4/wi10.jpg"> <img src="http://preview.zcool.com.cn/code/js/04/4/wi30.jpg" _fcksavedurl="http://preview.zcool.com.cn/code/js/04/4/wi30.jpg"> <img src="http://preview.zcool.com.cn/code/js/04/4/wi11.jpg" _fcksavedurl="http://preview.zcool.com.cn/code/js/04/4/wi11.jpg"> <img src="http://preview.zcool.com.cn/code/js/04/4/wi21.jpg" _fcksavedurl="http://preview.zcool.com.cn/code/js/04/4/wi21.jpg"> <img src="http://preview.zcool.com.cn/code/js/04/4/wi29.jpg" _fcksavedurl="http://preview.zcool.com.cn/code/js/04/4/wi29.jpg"> <img src="http://preview.zcool.com.cn/code/js/04/4/wi19.jpg" _fcksavedurl="http://preview.zcool.com.cn/code/js/04/4/wi19.jpg"> <img src="http://preview.zcool.com.cn/code/js/04/4/wi27.jpg" _fcksavedurl="http://preview.zcool.com.cn/code/js/04/4/wi27.jpg"> <img src="http://preview.zcool.com.cn/code/js/04/4/wi33.jpg" _fcksavedurl="http://preview.zcool.com.cn/code/js/04/4/wi33.jpg"> <img src="http://preview.zcool.com.cn/code/js/04/4/wi35.jpg" _fcksavedurl="http://preview.zcool.com.cn/code/js/04/4/wi35.jpg"> <img src="http://preview.zcool.com.cn/code/js/04/4/wi42.jpg" _fcksavedurl="http://preview.zcool.com.cn/code/js/04/4/wi42.jpg"> <img src="http://preview.zcool.com.cn/code/js/04/4/wi15.jpg" _fcksavedurl="http://preview.zcool.com.cn/code/js/04/4/wi15.jpg"> </div> </body> </html> 效果六: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>6</title> <meta http-equiv="imagetoolbar" content="no"> <style type="text/css"> html { overflow: hidden; } body { position: absolute; margin: 0px; padding: 0px; background: #111; width: 100%; height: 100%; } #screen { position: absolute; left: 10%; top: 10%; width: 80%; height: 80%; background: #000; } #screen img { position: absolute; cursor: pointer; visibility: hidden; width: 0px; height: 0px; } #screen .tvover { border: solid #876; opacity: 1; filter: alpha(opacity=100); } #screen .tvout { border: solid #fff; opacity: 0.7; } #bankImages { display: none; } </style> </head> <body> <div id="screen"></div> <div id="bankImages"> <img alt="" src="http://preview.zcool.com.cn/code/js/04/6/images/wi23.jpg" _fcksavedurl="http://preview.zcool.com.cn/code/js/04/6/images/wi23.jpg"> <img alt="" src="http://preview.zcool.com.cn/code/js/04/6/images/wt06.jpg" _fcksavedurl="http://preview.zcool.com.cn/code/js/04/6/images/wt06.jpg"> <img alt="" src="http://preview.zcool.com.cn/code/js/04/6/images/wt47.jpg" _fcksavedurl="http://preview.zcool.com.cn/code/js/04/6/images/wt47.jpg"> <img alt="" src="http://preview.zcool.com.cn/code/js/04/6/images/wt16.jpg" _fcksavedurl="http://preview.zcool.com.cn/code/js/04/6/images/wt16.jpg"> <img alt="" src="http://preview.zcool.com.cn/code/js/04/6/images/wt43.jpg" _fcksavedurl="http://preview.zcool.com.cn/code/js/04/6/images/wt43.jpg"> <img alt="" src="http://preview.zcool.com.cn/code/js/04/6/images/wt19.jpg" _fcksavedurl="http://preview.zcool.com.cn/code/js/04/6/images/wt19.jpg"> <img alt="" src="http://preview.zcool.com.cn/code/js/04/6/images/wt27.jpg" _fcksavedurl="http://preview.zcool.com.cn/code/js/04/6/images/wt27.jpg"> <img alt="" src="http://preview.zcool.com.cn/code/js/04/6/images/wt46.jpg" _fcksavedurl="http://preview.zcool.com.cn/code/js/04/6/images/wt46.jpg"> <img alt="" src="http://preview.zcool.com.cn/code/js/04/6/images/wt14.jpg" _fcksavedurl="http://preview.zcool.com.cn/code/js/04/6/images/wt14.jpg"> <img alt="" src="http://preview.zcool.com.cn/code/js/04/6/images/wt21.jpg" _fcksavedurl="http://preview.zcool.com.cn/code/js/04/6/images/wt21.jpg"> <img alt="" src="http://preview.zcool.com.cn/code/js/04/6/images/wt35.jpg" _fcksavedurl="http://preview.zcool.com.cn/code/js/04/6/images/wt35.jpg"> <img alt="" src="http://preview.zcool.com.cn/code/js/04/6/images/wt48.jpg" _fcksavedurl="http://preview.zcool.com.cn/code/js/04/6/images/wt48.jpg"> <img alt="" src="http://preview.zcool.com.cn/code/js/04/6/images/wt55.jpg" _fcksavedurl="http://preview.zcool.com.cn/code/js/04/6/images/wt55.jpg"> <img alt="" src="http://preview.zcool.com.cn/code/js/04/6/images/wt40.jpg" _fcksavedurl="http://preview.zcool.com.cn/code/js/04/6/images/wt40.jpg"> <img alt="" src="http://preview.zcool.com.cn/code/js/04/6/images/wt53.jpg" _fcksavedurl="http://preview.zcool.com.cn/code/js/04/6/images/wt53.jpg"> <img alt="" src="http://preview.zcool.com.cn/code/js/04/6/images/wt25.jpg" _fcksavedurl="http://preview.zcool.com.cn/code/js/04/6/images/wt25.jpg"> </div> </body> </html> 效果七: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>7</title> <meta http-equiv="imagetoolbar" content="no"> <style type="text/css"> html { overflow: hidden; } body { position: absolute; margin: 0px; padding: 0px; background: #111; width: 100%; height: 100%; } #center { position: absolute; left: 50%; top: ಲ%; } #slider { position: absolute; width: 820px; height: 333px; left: -430px; top: -186px; overflow: hidden; background: #000; border: 20px solid #000; } #slider .slide { position: absolute; top: 0px; height: 333px; width: 500px; background: #000; overflow: hidden; border-left: #000 solid 1px; cursor: default; } #slider .title { color: #F80; font-weight: bold; font-size: 1.2em; margin-right: 1.5em; text-decoration: none; } #slider .backgroundText { position: absolute; width: 100%; height: 100%; top: 100%; background: #000; filter: alpha(opacity=40); opacity: 0.4; } #slider .text { position: absolute; top: 1%; top: 100%; color: #FFF; font-family: verdana, arial, Helvetica, sans-serif; font-size: 0.9em; text-align: justify; width: 470px; left: 10px; } #slider .diapo { position: absolute; filter: alpha(opacity=100); opacity: 1; visibility: hidden; } </style> </head> <body> <div id="center"> <div id="slider"> <div class="slide"> <img class="diapo" src="http://preview.zcool.com.cn/code/js/04/7/sf10.jpg" _fcksavedurl="http://preview.zcool.com.cn/code/js/04/7/sf10.jpg" alt=""> <div class="text"> <span class="title">The best</span> The offspring of a customized orbiter, O飇ostem arose as the best balanced home for our plans. So we submitted to its conditions. </div> </div> <div class="slide"> <img class="diapo" src="http://preview.zcool.com.cn/code/js/04/7/sf14.jpg" _fcksavedurl="http://preview.zcool.com.cn/code/js/04/7/sf14.jpg" alt=""> <div class="text"> <span class="title">Prototype</span> O飇ostem's deep impulse flow is selectively regulated by a molecule originated in the prototype model, that creates its own variational principles, as oriented by the first local generation of terminable androids. </div> </div> <div class="slide"> <img class="diapo" src="http://preview.zcool.com.cn/code/js/04/7/sf24.jpg" _fcksavedurl="http://preview.zcool.com.cn/code/js/04/7/sf24.jpg" alt=""> <div class="text"> <span class="title">Has been reduced</span> Paired hosts come out nicely after only two cycles now. Their size has been reduced to a half the original as planned, and indeed they show an evolutionary advantage in the process of fixing self-generated instructions. Plus, they are beautiful. </div> </div> <div class="slide"> <img class="diapo" src="http://preview.zcool.com.cn/code/js/04/7/sf04.jpg" _fcksavedurl="http://preview.zcool.com.cn/code/js/04/7/sf04.jpg" alt=""> <div class="text"> <span class="title">By close-alikes</span> Now I have regained hopes in someday finding myself surrounded by close-alikes to us. However, they will not be audible, at least not in my life span. We resolved the low freq vibration a superior solution for our communicational goals ... </div> </div> <div class="slide"> <img class="diapo" src="http://preview.zcool.com.cn/code/js/04/7/sf01.jpg" _fcksavedurl="http://preview.zcool.com.cn/code/js/04/7/sf01.jpg" alt=""> <div class="text"> <span class="title">To bear</span> We did not expect their surface to produce such a carbon powder coat, though this is the best model so far. I shall have to bear with the inconveniences. They seem to establish a parallel communication through that carbon coat and I find myself unable to decodify the signal into anything meaningful. </div> </div> <div class="slide"> <img class="diapo" src="http://preview.zcool.com.cn/code/js/04/7/sf15.jpg" _fcksavedurl="http://preview.zcool.com.cn/code/js/04/7/sf15.jpg" alt=""> <div class="text"> <span class="title">The zero level</span> Today a set of vibration came up from the zero level; we expect to launch the transitional program in no longer than five basetime units. Psykesoma? galore and we'll betray our very nature into infinite, unending 2D surfaces. We do need that vibration, and we will conquer its source. </div> </div> <div class="slide"> <img class="diapo" src="http://preview.zcool.com.cn/code/js/04/7/sf41.jpg" _fcksavedurl="http://preview.zcool.com.cn/code/js/04/7/sf41.jpg" alt=""> <div class="text"> <span class="title">Beautifully</span> To keep my sanity I wear the tactile sensors all the time. They translate beautifully; I can even see distances while still on Psykesoma. This was quite a discovery. We have grown more adaptable than expected. </div> </div> <div class="slide"> <img class="diapo" src="http://preview.zcool.com.cn/code/js/04/7/sf26.jpg" _fcksavedurl="http://preview.zcool.com.cn/code/js/04/7/sf26.jpg" alt=""> <div class="text"> <span class="title">Uneasy to match</span> Yewoona had to travel farther and longer than I did. Her base orbiter was set to keep a complex combinational path that made it uneasy to match our circuits. But her nature showed stronger than programmed. </div> </div> <div class="slide"> <img class="diapo" src="http://preview.zcool.com.cn/code/js/04/7/sf50.jpg" _fcksavedurl="http://preview.zcool.com.cn/code/js/04/7/sf50.jpg" alt=""> <div class="text"> <span class="title">Adapted to serve</span> Keep feeding them. We will never be this lucky again; an autogenerated species adapted to serve all our needs! </div> </div> <div class="slide"> <img class="diapo" src="http://preview.zcool.com.cn/code/js/04/7/sf19.jpg" _fcksavedurl="http://preview.zcool.com.cn/code/js/04/7/sf19.jpg" alt=""> <div class="text"> <a class="title" href="http://www.dhteumeuleu.com" _fcksavedurl="http://www.dhteumeuleu.com">At soonest</a> "Blood is dark red, iron dark blue, this tale is blissful and so are you". I should get to the hotel at soonest. The agency guy must be there already, with some luck we'll have some nice dinner on him. How's that? </div> </div> </div> </div> </body> </html> 效果八: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>8</title> <meta http-equiv="imagetoolbar" content="no"> <style type="text/css"> html { overflow: hidden; } body { margin: 0px; padding: 0px; background: #222; position: absolute; width: 100%; height: 100%; } #screen { position:absolute; left: 0%; top: 0%; width: 100%; height: 100%; background: #000; overflow: hidden; cursor: url("../cross_rm.cur"), auto; } #pan { position: absolute; height: 150%; width: 150%; padding: 5%; background: #000000 url("bumps2.gif"); } #screen .frame { position: relative; float: left; width: 29%; height: 27%; margin: 2%; background: #000; overflow: hidden; } #screen .slider { position: absolute; width: 100%; height: 100%; background: #222 url("bumps3.gif"); z-index: 1000; } #pan img { position: absolute; visibility: hidden; } #pan .legend { position: absolute; bottom: 0px; font-size: 1em; color: #FFF; width: 2000px; font-family: arial; font-weight: bold; } </style> </head> <body> <div id="screen"> <div id="pan"> <div class="frame" title="Isolating the longer dimension of the main hall"><img src="http://preview.zcool.com.cn/code/js/04/8/gr69.jpg" _fcksavedurl="http://preview.zcool.com.cn/code/js/04/8/gr69.jpg" alt=""></div> <div class="frame" title="?We’ll start from here?, my partner said."><img src="http://preview.zcool.com.cn/code/js/04/8/or66.jpg" _fcksavedurl="http://preview.zcool.com.cn/code/js/04/8/or66.jpg" alt=""></div> <div class="frame" title="As we proceeded, I recalled a similar situation"><img src="http://preview.zcool.com.cn/code/js/04/8/bl117.jpg" _fcksavedurl="http://preview.zcool.com.cn/code/js/04/8/bl117.jpg" alt=""></div> <div class="frame" title="The place was no example of resource efficient construction."><img src="http://preview.zcool.com.cn/code/js/04/8/bl112.jpg" _fcksavedurl="http://preview.zcool.com.cn/code/js/04/8/bl112.jpg" alt=""></div> <div class="frame" title="Ultracompaction had been caused by the linear vibrator."><img src="http://preview.zcool.com.cn/code/js/04/8/gr68.jpg" _fcksavedurl="http://preview.zcool.com.cn/code/js/04/8/gr68.jpg" alt=""></div> <div class="frame" title="We put the meter to use. It was the fully-built one."><img src="http://preview.zcool.com.cn/code/js/04/8/rd103.jpg" _fcksavedurl="http://preview.zcool.com.cn/code/js/04/8/rd103.jpg" alt=""></div> <div class="frame" title="Soon we accessed the restricted area."><img src="http://preview.zcool.com.cn/code/js/04/8/rd101.jpg" _fcksavedurl="http://preview.zcool.com.cn/code/js/04/8/rd101.jpg" alt=""></div> <div class="frame" title="The combo password was validated."><img src="http://preview.zcool.com.cn/code/js/04/8/gr66.jpg" _fcksavedurl="http://preview.zcool.com.cn/code/js/04/8/gr66.jpg" alt=""></div> <div class="frame" title="We succeeded to quantify the network."><img src="http://preview.zcool.com.cn/code/js/04/8/bl116.jpg" _fcksavedurl="http://preview.zcool.com.cn/code/js/04/8/bl116.jpg" alt=""></div> </div> </div> </body> </html> 效果九: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>9</title> <meta http-equiv="imagetoolbar" content="no"> <style type="text/css"> html { overflow: hidden; } body { margin: 0px; padding: 0px; background: #000; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; } #screen { position: absolute; top: 1%; left: 1%; width: 98%; height: 98%; background: #000; color: #fff; } #screen div { position: absolute; overflow: hidden; cursor: pointer; } #screen img { position: absolute; width: 100%; height: 100%; } #screen .label { position: absolute; color: #FFF; background: #000; font-family: arial; white-space: no-wrap; } </style> </head> <body> <div id="screen"></div> <img id="loading" alt="" src="http://preview.zcool.com.cn/code/js/04/9/or11.jpg" _fcksavedurl="http://preview.zcool.com.cn/code/js/04/9/or11.jpg" style="visibility: hidden"> </body> </html> 效果十: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html><head><title>10</title> <meta http-equiv="imagetoolbar" content="no"> <style type="text/css"> body { background: #222; overflow: hidden; left: 0; top: 0; width: 100%; height: 100%; margin: 0; padding: 0; } #screen span { position:absolute; overflow:hidden; border:#FFF solid 1px; background:#FFF; } #screen img{ position:absolute; left:-32px; top:-32px; cursor: pointer; } #caption, #title{ color: #FFF; font-family: georgia, 'times new roman', times, veronica, serif; font-size: 1em; text-align: center; } #caption b { font-size: 2em; } </style> </head><body> <div style="position: absolute; left: 50%; top: 50%;"> <div id="title" style="position: absolute; width: 440px; height: 40px; left: -220px; top: -200px;"></div> <div id="border" style="border: 1px solid rgb(85, 85, 85); background: rgb(0, 0, 0) none repeat scroll 0%; position: absolute; width: 440px; height: 340px; left: -220px; top: -170px; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"></div> <div id="screen" style="background: rgb(0, 0, 0) none repeat scroll 0%; position: absolute; width: 400px; height: 300px; left: -200px; top: -150px; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> <span style="left: 0px; top: 0px; width: 93px; height: 68px; z-index: 93;"><img style="left: -11px; top: -9px;" src="http://preview.zcool.com.cn/code/js/04/10/slide-M_data/im6.jpg" _fcksavedurl="http://preview.zcool.com.cn/code/js/04/10/slide-M_data/im6.jpg" alt=""></span> <span style="left: 0px; top: 78px; width: 93px; height: 68px; z-index: 93;"><img style="left: -11px; top: -8px;" src="http://preview.zcool.com.cn/code/js/04/10/slide-M_data/im2.jpg" _fcksavedurl="http://preview.zcool.com.cn/code/js/04/10/slide-M_data/im2.jpg" alt=""></span> <span style="left: 0px; top: 155px; width: 93px; height: 68px; z-index: 93;"><img style="left: -11px; top: -9px;" src="http://preview.zcool.com.cn/code/js/04/10/slide-M_data/im3.jpg" _fcksavedurl="http://preview.zcool.com.cn/code/js/04/10/slide-M_data/im3.jpg" alt=""></span> <span style="left: 0px; top: 233px; width: 93px; height: 68px; z-index: 93;"><img style="left: -11px; top: -9px;" src="http://preview.zcool.com.cn/code/js/04/10/slide-M_data/im4.jpg" _fcksavedurl="http://preview.zcool.com.cn/code/js/04/10/slide-M_data/im4.jpg" alt=""></span> <span style="left: 103px; top: 0px; width: 93px; height: 68px; z-index: 93;"><img style="left: -11px; top: -9px;" src="http://preview.zcool.com.cn/code/js/04/10/slide-M_data/im5.jpg" _fcksavedurl="http://preview.zcool.com.cn/code/js/04/10/slide-M_data/im5.jpg" alt=""></span> <span style="left: 103px; top: 78px; width: 93px; height: 68px; z-index: 93;"><img style="left: -11px; top: -9px;" src="http://preview.zcool.com.cn/code/js/04/10/slide-M_data/im1.jpg" _fcksavedurl="http://preview.zcool.com.cn/code/js/04/10/slide-M_data/im1.jpg" alt=""></span> <span style="left: 103px; top: 155px; width: 93px; height: 68px; z-index: 93;"><img style="left: -11px; top: -9px;" src="http://preview.zcool.com.cn/code/js/04/10/slide-M_data/im7.jpg" _fcksavedurl="http://preview.zcool.com.cn/code/js/04/10/slide-M_data/im7.jpg" alt=""></span> <span style="left: 103px; top: 233px; width: 93px; height: 68px; z-index: 93;"><img style="left: -11px; top: -9px;" src="http://preview.zcool.com.cn/code/js/04/10/slide-M_data/im18.jpg" _fcksavedurl="http://preview.zcool.com.cn/code/js/04/10/slide-M_data/im18.jpg" alt=""></span> <span style="left: 205px; top: 0px; width: 93px; height: 68px; z-index: 93;"><img style="left: -11px; top: -9px;" src="http://preview.zcool.com.cn/code/js/04/10/slide-M_data/im8.jpg" _fcksavedurl="http://preview.zcool.com.cn/code/js/04/10/slide-M_data/im8.jpg" alt=""></span> <span style="left: 205px; top: 78px; width: 93px; height: 68px; z-index: 93;"><img style="left: -11px; top: -9px;" src="http://preview.zcool.com.cn/code/js/04/10/slide-M_data/im10.jpg" _fcksavedurl="http://preview.zcool.com.cn/code/js/04/10/slide-M_data/im10.jpg" alt=""></span> <span style="left: 205px; top: 155px; width: 93px; height: 68px; z-index: 93;"><img style="left: -11px; top: -9px;" src="http://preview.zcool.com.cn/code/js/04/10/slide-M_data/im12.jpg" _fcksavedurl="http://preview.zcool.com.cn/code/js/04/10/slide-M_data/im12.jpg" alt=""></span> <span style="left: 205px; top: 233px; width: 93px; height: 68px; z-index: 93;"><img style="left: -11px; top: -9px;" src="http://preview.zcool.com.cn/code/js/04/10/slide-M_data/im17.jpg" _fcksavedurl="http://preview.zcool.com.cn/code/js/04/10/slide-M_data/im17.jpg" alt=""></span> <span style="left: 308px; top: 0px; width: 93px; height: 68px; z-index: 93;"><img style="left: -11px; top: -9px;" src="http://preview.zcool.com.cn/code/js/04/10/slide-M_data/im14.jpg" _fcksavedurl="http://preview.zcool.com.cn/code/js/04/10/slide-M_data/im14.jpg" alt=""></span> <span style="left: 308px; top: 78px; width: 93px; height: 68px; z-index: 93;"><img style="left: -11px; top: -9px;" src="http://preview.zcool.com.cn/code/js/04/10/slide-M_data/im15.jpg" _fcksavedurl="http://preview.zcool.com.cn/code/js/04/10/slide-M_data/im15.jpg" alt=""></span> <span style="left: 308px; top: 155px; width: 93px; height: 68px; z-index: 93;"><img style="left: -11px; top: -9px;" src="http://preview.zcool.com.cn/code/js/04/10/slide-M_data/im16.jpg" _fcksavedurl="http://preview.zcool.com.cn/code/js/04/10/slide-M_data/im16.jpg" alt=""></span> <span style="left: 308px; top: 233px; width: 93px; height: 68px; z-index: 93;"><img style="left: -11px; top: -9px;" src="http://preview.zcool.com.cn/code/js/04/10/slide-M_data/im9.jpg" _fcksavedurl="http://preview.zcool.com.cn/code/js/04/10/slide-M_data/im9.jpg" alt=""></span> </div> <div id="caption" style="position: absolute; width: 440px; height: 60px; left: -220px; top: 175px;"><b>carefully</b> weight the options</div> </div> </body></html>
/uploads/soft/jsclass.rar
请您注意: ·不良评论请用报告管理员,以利管理员及时删除。 ·尊重网上道德,遵守中华人民共和国的各项有关法律法规 ·承担一切因您的行为而直接或间接导致的民事或刑事法律责任 ·本站评论管理人员有权保留或删除其管辖评论中的任意内容 ·您在本站发表的作品,本站有权在网站内转载或引用 ·参与本评论即表明您已经阅读并接受上述条款