站长资源 网络编程

动感超强的JS图片轮换特效

整理:jimmy2026/8/6浏览2次

简介动感超强的JS图片特效_脚本之家 * { margin:0; padding:0; } body { margin:5px auto; text-align:center; background:#f0f0f0; } img { margin:0; border:

<?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>      Loading...   </body> </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

上一篇：javascript 三组文字间隙滚动实例代码

下一篇：使用 JavaScript 创建可维护的幻灯片效果代码第1/3页

站长资源 网络编程

动感超强的JS图片轮换特效

最新资源

一句话新闻

标签云