翻书效果

izuoyan

浏览: 9216364 次
性别:
来自: 上海

最近访客更多访客>>

GDGZWQZ

morelily

eternal1025

devcang

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

2012-06 ( 32)
2012-05 ( 145)
2012-04 ( 50)
更多存档...

<html> <head> <title>the hideaway - Interactive DHTML art-demos</title> <meta name="Author" content="Gerard Ferrandez at http://www.dhteumeuleu.com"> <meta http-equiv="imagetoolbar" content="no"> <mce:style type="text/css"></mce:style><style type="text/css" mce_bogus="1">html { overflow: hidden; } body { margin: 0px; padding: 0px; background: #111; position: absolute; width: 100%; height: 100%; cursor: crosshair; } #center { position:absolute; left: 50%; top: 50%; } #DHTMLBOOK { position: relative; background: #000; width: 420px; height: 320px; left: -210px; top: -160px; visibility: hidden; } #TXTBOX { position: absolute; font-family: verdana; color: #aba193; font-size: .8em; width: 410px; text-align: center; top: 320px; } .page { position: absolute; cursor: pointer; overflow: hidden; width: 50%; height: 100%; border-left: #000000 solid 1px; } .right { left: 50%; border-right: #000000 solid 1px; } .turn { background: #000000; } .img { position: absolute; height: 100%; width: 200%; }</style> <mce:script type="text/javascript"></mce:script> </head> <body> <div id="center"> <div id="DHTMLBOOK"> <span class="page" onmousedown="return false;" ondblclick="TPL();" onclick="TPL();"><img class="img"></span> <span class="page right" onmousedown="return false;" ondblclick="TPR();" onclick="TPR();"><img class="img" style="left:-100%"></span> <span class="page turn" onmousedown="return false;" ondblclick="TPL();" onclick="TPL();"><img class="img" style="opacity:1;filter:alpha()" mce_style="opacity:1;filter:alpha()"></span> <span class="page turn right" onmousedown="return false;" ondblclick="TPR();" onclick="TPR();"><img class="img" style="opacity:1;filter:alpha();left:-100%"></span> <div id="TXTBOX"></div> </div> </div> <div id="imgsrc" style="visibility:hidden;" mce_style="visibility:hidden;"> <img alt="有时候已经很努力了，可放出来的却是个屁。。" src="1.jpg" mce_src="1.jpg"> <img alt="你知道的太多了。。" src="2.jpg" mce_src="2.jpg"> <img alt="有时候选择放弃是对的，但是放弃选择肯定是错的。。" src="3.jpg" mce_src="3.jpg"> </div> </body> </html>

分享到：