web超酷的图片效果

leves

浏览: 176653 次
性别:
来自: 杭州

最近访客更多访客>>

xiangshouxiyang

Black_Me

javabang

彩鸟飞

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

Web JavaScript CSS Ajax HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>autumn II - interactive DHTML</title> <meta name="Author" content="Gerard Ferrandez"> <meta http-equiv="imagetoolbar" content="no"> <mce:style type="text/css"></mce:style><style type="text/css" mce_bogus="1"> 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> <mce:script type="text/javascript"></mce:script> </head> <body> <div id="screen"></div> <div id="bankImages"> <img alt="" src="http://www.webkey.cn/demo/docs/photo3d/images/wi23.jpg" mce_src="http://www.webkey.cn/demo/docs/photo3d/images/wi23.jpg"> <img alt="" src="http://www.webkey.cn/demo/docs/photo3d/images/wt06.jpg" mce_src="http://www.webkey.cn/demo/docs/photo3d/images/wt06.jpg"> <img alt="" src="http://www.webkey.cn/demo/docs/photo3d/images/wt47.jpg" mce_src="http://www.webkey.cn/demo/docs/photo3d/images/wt47.jpg"> <img alt="" src="http://www.webkey.cn/demo/docs/photo3d/images/wt16.jpg" mce_src="http://www.webkey.cn/demo/docs/photo3d/images/wt16.jpg"> <img alt="" src="http://www.webkey.cn/demo/docs/photo3d/images/wt43.jpg" mce_src="http://www.webkey.cn/demo/docs/photo3d/images/wt43.jpg"> <img alt="" src="http://www.webkey.cn/demo/docs/photo3d/images/wt19.jpg" mce_src="http://www.webkey.cn/demo/docs/photo3d/images/wt19.jpg"> <img alt="" src="http://www.webkey.cn/demo/docs/photo3d/images/wt27.jpg" mce_src="http://www.webkey.cn/demo/docs/photo3d/images/wt27.jpg"> <img alt="" src="http://www.webkey.cn/demo/docs/photo3d/images/wt46.jpg" mce_src="http://www.webkey.cn/demo/docs/photo3d/images/wt46.jpg"> <img alt="" src="http://www.webkey.cn/demo/docs/photo3d/images/wt14.jpg" mce_src="http://www.webkey.cn/demo/docs/photo3d/images/wt14.jpg"> <img alt="" src="http://www.webkey.cn/demo/docs/photo3d/images/wt21.jpg" mce_src="http://www.webkey.cn/demo/docs/photo3d/images/wt21.jpg"> <img alt="" src="http://www.webkey.cn/demo/docs/photo3d/images/wt35.jpg" mce_src="http://www.webkey.cn/demo/docs/photo3d/images/wt35.jpg"> <img alt="" src="http://www.webkey.cn/demo/docs/photo3d/images/wt48.jpg" mce_src="http://www.webkey.cn/demo/docs/photo3d/images/wt48.jpg"> <img alt="" src="http://www.webkey.cn/demo/docs/photo3d/images/wt55.jpg" mce_src="http://www.webkey.cn/demo/docs/photo3d/images/wt55.jpg"> <img alt="" src="http://www.webkey.cn/demo/docs/photo3d/images/wt40.jpg" mce_src="http://www.webkey.cn/demo/docs/photo3d/images/wt40.jpg"> <img alt="" src="http://www.webkey.cn/demo/docs/photo3d/images/wt53.jpg" mce_src="http://www.webkey.cn/demo/docs/photo3d/images/wt53.jpg"> <img alt="" src="http://www.webkey.cn/demo/docs/photo3d/images/wt25.jpg" mce_src="http://www.webkey.cn/demo/docs/photo3d/images/wt25.jpg"> </div> <mce:script type="text/javascript"></mce:script> </body> </html> <a href="http://www.okajax.com/" mce_href="http://www.okajax.com/"><font color="#ffffff">欢迎访问Ajax中国</font></a>

分享到：

超越JAVA | Linux新手要了解的十个知识点

2009-01-23 04:04
浏览 864
评论(0)
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论