超漂亮的flash图片切换效果

时间：2022-07-02 14:11:57 编辑：袖梨来源：一聚教程网

YPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.***w3.org/TR/REC-html40/loose.dtd">

提示：您可以先修改部分代码再运行

<title>类似于Flash制作的一个图片展示效果</title>
<meta http-equiv="imagetoolbar" content="no">
<style type="text/<a href=" http: target="_blank">css">
 body {cursor:crosshair;margin:0; padding:0; position:absolute; overflow:hidden; background:#222; left:0; top:0; width:100%; height:100%;zIndex:-2;}
</style>
<script type="text/javascript">
</script>

<div style="position:absolute;left:50%;top:50%;"><div id="center" style="position:absolute;">
 <div id="imgbox" style="position:absolute;left:0;top:0;overflow:hidden;"></div>
 <div id="txtbox" style="position:absolute;visibility:hidden;overflow:hidden;background:#333;color:#FFF;font-family:verdana;font-size:0.8em;">
  <div style="margin:2%">
  <h2>IMGBOX</h2>Click the thumbnails on the left for a larger image. The description connected to the clicked image is displayed here.<br>
  <br>Note: for performance reasons, images are not resized and must be all of the same size.
  </div>
 </div>
</div></div>
<div id="imgsrc" style="visibility:hidden">
 <img src="https://img.111cn.net/uploads/20220923/img_632c940f9545f30.jpg">
 <img src="https://img.111cn.net/uploads/20220923/img_632c94100d6f531.jpg">
 <img src="https://img.111cn.net/uploads/20220923/img_632c941076abc32.jpg">
 <img src="https://img.111cn.net/uploads/20220923/img_632c9410db7f333.jpg">
 <img src="https://img.111cn.net/uploads/20220923/img_632c9411cda2034.jpg">
 <img src="https://img.111cn.net/uploads/20220923/img_632c94124463935.jpg">
 <img src="https://img.111cn.net/uploads/20220923/img_632c9412b052b36.jpg">
 <img src="https://img.111cn.net/uploads/20220923/img_632c94133cc7637.jpg">
 <img src="https://img.111cn.net/uploads/20220923/img_632c94139d7af38.jpg">
</div>
<div id="txtsrc" style="visibility:hidden">
 <div>
  <h2>the river</h2>
<br>Awaken from my nap by the river
 </div>
 <div>
  <h2>transparency</h2>
<br>Its transparency was hypnotizing.
 </div>
 <div>
  <h2>cold</h2>
<br>Currents of cold water played with light.
 </div>
 <div>
  <h2>sank in</h2>
<br>I threw a few nuts into the river. They floated for a while, then sank in.
 </div>
 <div>
  <h2>masked</h2>
<br>A wide stepping stone masked the water's depth.
 </div>
 <div>
  <h2>a glimpse</h2>
<br>Later on, I had a glimpse of the river's bed.
 </div>
 <div>
  <h2>forgotten</h2>
<br>The wheelchair made a noise. Again, I had forgotten about my legs.
 </div>
 <div>
  <h2>floated</h2>
<br>Still, I floated in oblivion of things too real.
 </div>
 <div>
  <h2>for me</h2>
<br>I stared fixedly at the water's open arms. The stream was singing for me.
 </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:-50;top:-18">Loading...</span>
<span style="position:absolute;left:-50;top:-5;font-size:1px;width:100;background:#333"><span id="LB1" style="position:absolute;left:0;top:0;font-size:1px;width:0;background:#FFFFFF"></span></span></span>
<script>m00=document.getElementById("imgsrc").getElementsByTagName("img");m01=m00.length;function images_loading_bar(){m02=0;for(i=0;i<m01;i++)m02+=(m00[i].complete)?1:0;document.getElementById("LB1").style.document.getElementById('LB0').style.display='none'",128); else setTimeout("images_loading_bar()", 64);};images_loading_bar();</script>

[url=http://www.*we*bsj*y.com]设计源网[/url]提供

提示：您可以先修改部分代码再运行

推荐专题

最新下载

热门教程

超漂亮的flash图片切换效果

相关文章

热门栏目

php教程

asp.net教程

手机开发

css教程

网页制作

办公数码

jsp教程