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

稿源：互联网 2022-06-14 18:19:27 点击： 3271 撤稿纠错

超酷超绚图片展示

以下讨论的是和特效相关的一个超酷超绚图片展示特效教程文章，内容是本站精心挑选整理的教程，希望对广大的网友给到帮助,下面是详细内容：

脚本代码(For Alixixi.com)如下:

一：将下面的代码放在〈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://www.alixixi.com/web/UploadPic/2009-6/2009618141919406.jpg">
 <img src="http://www.alixixi.com/web/UploadPic/2009-6/2009618141920165.jpg"> <img src="http://www.alixixi.com/web/UploadPic/2009-6/2009618141921429.jpg"> <img src="http://www.alixixi.com/web/UploadPic/2009-6/2009618141921899.jpg">
 <img src="http://www.alixixi.com/web/UploadPic/2009-6/2009618141922636.jpg"> <img src="http://www.alixixi.com/web/UploadPic/2009-6/2009618141922636.jpg"> <img src="http://www.alixixi.com/web/UploadPic/2009-6/2009618141923999.jpg">
 <img src="http://www.alixixi.com/web/UploadPic/2009-6/2009618141924462.jpg"> <img src="http://www.alixixi.com/web/UploadPic/2009-6/2009618141924610.jpg"> <img src="http://www.alixixi.com/web/UploadPic/2009-6/2009618141925452.jpg">
 <img src="http://www.alixixi.com/web/UploadPic/2009-6/2009618141925794.jpg"> <img src="http://www.alixixi.com/web/UploadPic/2009-6/2009618141925945.jpg"> <img src="http://www.alixixi.com/web/UploadPic/2009-6/2009618141925463.jpg">
 <img src="http://www.alixixi.com/web/UploadPic/2009-6/2009618141925791.jpg"> <img src="http://www.alixixi.com/web/UploadPic/2009-6/2009618141926797.jpg"> <img src="http://www.alixixi.com/web/UploadPic/2009-6/2009618141926991.jpg"> </div>

关于一个超酷超绚图片展示特效的内容写到这里就结束啦，您可以收藏本页网址https://js.alixixi.com/a/2009061856188.shtml方便下次再访问哦。

·上一篇： 文字的循环闪动特效
·下一篇： 一个漂亮的js展开菜单效果

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

文章分类LIST >>返回首页

最新游戏

最新新闻