動感超強的JS圖片輪換特效

更新時間：2008年06月24日 08:38:40 作者：

非常不錯的js圖片輪換效果代碼，像柵欄一樣結合起來，然后顯示完整圖片，代碼相對也不錯

<?xml version="1.0" encoding="gb2312"?> <!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" lang="gb2312"> <head> <title>動感超強的JS圖片特效_腳本之家</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <meta name="generator" content="editplus" /> <meta name="author" content="eLore" /> <meta name="keywords" content="" /> <meta name="description" content="" /> <style type="text/css"> * { margin:0; padding:0; } body {     margin:5px auto;     text-align:center;     background:#f0f0f0; } img { margin:0; border:0; padding:0; } #eLore {     position:relative;     margin:0 auto;     width:800px; height:339px; } #eLore_wrap {     position:relative;     margin:0 auto;     overflow:hidden;     width:800px; height:339px;     background:#369; } #eLore .eLore_img {     position:absolute; top:0;     width:120px; height:339px;     overflow:hidden;     font-size:50px;     line-height:340px; } #eLore .eLore_out {     position:absolute; top:0;     width:120px; height:339px;     overflow:hidden;     font-size:10px;     line-height:340px; } </style> </head> <body> <div   class="ublnpf9mb"   id="eLore">     <div   class="ublnpf9mb"   id="eLore_wrap">Loading...</div> </div>  </body> </html>

[Ctrl+A 全選注:引入外部Js需再刷新一下頁面才能執(zhí)行]

您可能感興趣的文章: