一个超酷超绚图片展示特效

网页特效

网站首页菜单导航日期时间背景图像图层样式鼠标键盘页面窗口色彩表格链接文字表单按钮计数转换游戏娱乐综合实例

您的位置: 网页特效 -> 菜单导航 -> 一个超酷超绚图片展示特效

一个超酷超绚图片展示特效

作者:admin 发布时间:2009-6-23 19:44:18 发布人: admin

一：将下面的代码放在〈HEAD〉区
<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>
<script type="text/javascript">
</script>

二：将下面的代码复制到〈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:300px;overflow:hidden">
 </div>
</div>
<div id="images" style="position:absolute;left:-10000px;top:-10000px;">
 <img onload="setTimeout('starter();',500)" src="http://web.archive.org/web/20111227090001im_/http://www.alixixi.com/web/UploadPic/2009-6/2009618141919406.jpg">
 <img src="http://web.archive.org/web/20111227090001im_/http://www.alixixi.com/web/UploadPic/2009-6/2009618141920165.jpg"> <img src="http://web.archive.org/web/20111227090001im_/http://www.alixixi.com/web/UploadPic/2009-6/2009618141921429.jpg"> <img src="http://web.archive.org/web/20111227090001im_/http://www.alixixi.com/web/UploadPic/2009-6/2009618141921899.jpg">
 <img src="http://web.archive.org/web/20111227090001im_/http://www.alixixi.com/web/UploadPic/2009-6/2009618141922636.jpg"> <img src="http://web.archive.org/web/20111227090001im_/http://www.alixixi.com/web/UploadPic/2009-6/2009618141922636.jpg"> <img src="http://web.archive.org/web/20111227090001im_/http://www.alixixi.com/web/UploadPic/2009-6/2009618141923999.jpg">
 <img src="http://web.archive.org/web/20111227090001im_/http://www.alixixi.com/web/UploadPic/2009-6/2009618141924462.jpg"> <img src="http://web.archive.org/web/20111227090001im_/http://www.alixixi.com/web/UploadPic/2009-6/2009618141924610.jpg"> <img src="http://web.archive.org/web/20111227090001im_/http://www.alixixi.com/web/UploadPic/2009-6/2009618141925452.jpg">
 <img src="http://web.archive.org/web/20111227090001im_/http://www.alixixi.com/web/UploadPic/2009-6/2009618141925794.jpg"> <img src="http://web.archive.org/web/20111227090001im_/http://www.alixixi.com/web/UploadPic/2009-6/2009618141925945.jpg"> <img src="http://web.archive.org/web/20111227090001im_/http://www.alixixi.com/web/UploadPic/2009-6/2009618141925463.jpg">
 <img src="http://web.archive.org/web/20111227090001im_/http://www.alixixi.com/web/UploadPic/2009-6/2009618141925791.jpg"> <img src="http://web.archive.org/web/20111227090001im_/http://www.alixixi.com/web/UploadPic/2009-6/2009618141926797.jpg"> <img src="http://web.archive.org/web/20111227090001im_/http://www.alixixi.com/web/UploadPic/2009-6/2009618141926991.jpg"> </div>

一个超酷超绚图片展示特效

将本文收藏到QQ书签与更多好友分享

上一篇：文章：不间断上下滚动公告代码下一篇：文章：在状态栏中显示打开页面的停留时间

网页特效

一个超酷超绚图片展示特效

本类浏览排行 »

本站推荐文章 »