前后輪翻的JavaScript圖片切換特效

2024-09-05 12:21:12

字體：大中小

來源：轉載

供稿：網友

很酷的圖片切換特效代碼，每張圖片采取前后輪番的方式，有一定的立體感，你可以自己設定圖片的張數、播放速度等。

<!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>前后輪翻的JavaScript圖片切換</title><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><style type="text/css">* { margin:0; padding:0; }body { margin:0; color:#88c; background:#333;}img { margin:0; padding:0; border:0; }#js_F { position:relative; top:10px; left:10px; overflow:hidden; width:270px; height:185px; background:#33c;}#js_F img{ position:absolute; top:0; left:0; width:270px; height:185px;}</style></head><body><div   class="70qarhlowxag"   id="js_F"></div><script type="text/javascript"><![CDATA[/*></script></body></html>

上一篇：鼠標移上圖片滑出文字提示

下一篇：搜狐女人頻道首頁的JS圖片切換效果