教程集 > 脚本编程 > javascript > 正文超漂亮js相册图片展示效果

超漂亮js相册图片展示效果

发布时间：2023-04-29 编辑：jiaochengji.com

教程集为您提供超漂亮js相册图片展示效果等资源，欢迎您收藏本站，我们将为您提供最新的超漂亮js相册图片展示效果资源

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

超漂亮js相册图片展示效果  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  <html xmlns="http://www.w3.org/1999/xhtml">  <head>  <title></title>  <meta http-equiv="content-type" content="text/html;charset=gb2312">    <style type="text/' Lnk[i].innerHTML '';  		O[i] = new CObj(i, s, x, t, img[i].title);  		img[i].alt = "";  		img[i].title = "";  		img[i].onmousedown = new Function("return false;");  		img[i].onmouseover = new Function('O[' i '].over();');  		if(Lnk[i].href!=""){  			/* ==== hyperlink ==== */  			img[i].onclick = new Function('window.open("' Lnk[i].href '","_blank");');  		}  		x  = s;  		s = 100;  	}  	box.style.visibility = "visible";  	run();  }  </script>  </head>  <body>    <div id="screen">  	<div id="box">  		<img alt="超漂亮js相册图片展示效果"  src="http://p1.jquerycn.cn/111cn/f/d/1474562964_1571.jpg" title="explain">  		<img alt="超漂亮js相册图片展示效果"  src="http://p1.jquerycn.cn/111cn/0/a/1474562964_1790.jpg" title="strain">  		<img alt="超漂亮js相册图片展示效果"  src="http://p1.jquerycn.cn/111cn/1/8/1474562965_3641.jpg" title="retain">  		<img alt="超漂亮js相册图片展示效果"  src="http://p1.jquerycn.cn/111cn/9/f/1474562965_6390.jpg" title="mundane">  		<img alt="超漂亮js相册图片展示效果"  src="http://p1.jquerycn.cn/111cn/e/0/1474562965_7179.jpg" title="inhumane">  		<img alt="超漂亮js相册图片展示效果"  src="http://p1.jquerycn.cn/111cn/2/0/1474562966_6393.jpg" title="disdain">  		<img alt="超漂亮js相册图片展示效果"  src="http://p1.jquerycn.cn/111cn/2/6/1474562966_1261.jpg" title="never again">  		<span id="txt"></span>  		<span id="tit"></span>  		<span id="lnk">  			lnk1  			lnk2  			lnk3  			lnk4  			lnk5  			lnk6  			lnk7  		</span>  	</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:-50px;top:-18px">Loading...</span>  	<span style="position:absolute;left:-50px;top:-5px;font-size:1px;width:100px;height:10px;background:#333">  		<span id="LB1" style="position:absolute;left:0px;top:0px;font-size:1px;width:0px;height:10px;background:#FFFFFF"></span>  	</span>  </span>  <script type="text/javascript">  m00=document.getElementById("box").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.width=Math.round(m02/m01*100) 'px';  if(m02==m01)  setTimeout("document.getElementById('LB0').style.display='none'",128);  else  setTimeout("images_loading_bar()", 64);  };  images_loading_bar();  </script>    </body>  </html>

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

您可能感兴趣的文章：
超漂亮js相册图片展示效果
 jQuery相册幻灯片插件 Slider Kit
漂亮的仿国外网站图片展示效果
 非常个性js相册图片展示效果代码
 基于jquery的15款幻灯片插件
 Photoshop闪烁霓虹海报图片制作教程一览
 Illustrator绘制漂亮的白色雏菊教程一览
 美图秀秀做出漂亮的星空效果教程
 WordPress 照片lightbox效果的运用几点
 Illustrator结合photoshop制作网页中的超漂亮的3D立体文字教程详解

上一篇：js 提交表单内容前出现确认信息下一篇：非常个性js相册图片展示效果代码

[关闭]

超漂亮js相册图片展示效果

最近更新

浏览排行