var curIndex=10 //时间间隔(单位毫秒)
var timeInterval=1000
var arr=new Array()
arr[0]="1.jpg" //这里开始放图片位置和图片名称
arr[1]="2.jpg"
arr[2]="3.jpg"
arr[3]="4.jpg"
arr[4]="5.jpg"
setInterval(changeImg,timeInterval)
function changeImg()
{
var obj=document.getElementById("obj")
if (curIndex==arr.length-1)
{
curIndex=0
}
else
{
curIndex+=1
}
obj.src=arr[curIndex]
}
</script>
<img id=obj src ="photos/1.jpg" width=200 height=150 border =0>
就这个吧，把这个复制到HTML文件里面，这个是JS程序。CSS没有这个功能。
实在不会你把文件发给1615253859里面，然后这里追问。
1、在网页<head>区添加以下样式定义 ：<style type="text/css">
#dlmenu {height:10em}
#menu {list-style-type:nonemargin:0 0 10pxpadding:0position:absolutewidth:15embackground:#fffz-index:100}
#menu li {display:blockpadding:0margin:0position:relativez-index:100}
#menu li a, #menu li a:visited {display:blocktext-decoration:none}
#menu li dd {display:none}
#menu li:hover, #menu li a:hover {border:0}
#menu li:hover dt a , #menu li a:hover dt a {background:#d4d8bd url(top_grad_2.gif) center centercolor:#ff0}
#menu li:hover dd, #menu li a:hover dd {display:block}
#menu li:hover dl, #menu li a:hover dl {height:20embackground:#b4be9c url(sub_grad.gif)}
#menu table {border-collapse:collapsepadding:0margin:-4pxfont-size:1em}
#menu dl {width: 15emmargin: 0background: #6f9c6fcursor:pointer}
#menu dt {margin:0padding: 0font-size: 1.1emborder-top:1px solid #cce}
#menu dd {margin:0padding:0font-size: 1emtext-align:left}
.gallery dt a, .gallery dt a:visited {display:blockcolor:#fffpadding:5px 5px 5px 10pxbackground:#949e7c url(top_grad.gif) center center}
.gallery dd a, .gallery dd a:visited {color:#000min-height:1emtext-decoration:nonedisplay:blockpadding:4px 5px 4px 20pxbackground:#b4be9c url(sub_grad.gif)}
* html .gallery dd a, * html .gallery dd a:visited {height:1em}
.gallery dd a:hover {background:#7aacolor:#ff0}
</style>
2、在网页<body>区添加菜单HTML代码
<div id="dlmenu">
<ul id="menu">
<li>
<!--[if lte IE 6]><a href="#nogo"><table><tr><td><![endif]-->
<dl class="gallery">
<dt><a href="../menu/index.html">DEMOS</a></dt>
<dd><a href="../menu/zero_dollars.html" title="The zero dollar ads page">zero dollars</a></dd>
<dd><a href="../menu/embed.html" title="Wrapping text around images">wrapping text</a></dd>
<dd><a href="../menu/form.html" title="Styling forms">styled form</a></dd>
<dd><a href="../menu/nodots.html" title="Removing active/focus borders">active focus</a></dd>
<dd><a href="../menu/shadow_boxing.html" title="Multi-position drop shadow">shadow boxing</a></dd>
<dd><a href="../menu/old_master.html" title="Image Map for detailed information">image map</a></dd>
<dd><a href="../menu/bodies.html" title="fun with background images">fun with backgrounds</a></dd>
<dd><a href="../menu/fade_scroll.html" title="fade-out scrolling">fade scrolling</a></dd>
ECShop2.5.1_Beta upload 的目录 ┣ activity.php 活动列表 ┣ affiche.php 广告处理文件 ┣ affiliate.php 生成商品列表 ┣ article.php 文章内容 ┣ article_cat.php文章分类 ┣ auction.php 拍卖前台文件 ┣ brand.php 品牌列表 ┣ captcha.php 生成验证码 ┣ catalog.php 列出所以分类及品牌 ┣ category.php 商品分类 ┣ comment.php 提交用户评论 ┣ compare.php 商品比较程序 ┣ cycle_image.php 轮播图片程序 ┣ feed.php RSS Feed 生成程序 ┣ flow.php 购物流程 ┣ gallery.php 商品相册 ┣ goods.php 商品详情 ┣ goods_script.php 生成商品列表 ┣ group_buy.php 团购商品前台文件 ┣ index.php 首页文件 ┣ myship.php 支付配送DEMO ┣ pick_out.php 选购中心 ┣ receive.php 处理收回确认的页面 ┣ region.php 地区切换程序 ┣ respond.php 支付响应页面 ┣ robots.txt ┣ search.php 搜索程序 ┣ sitemaps.php google sitemap 文件 ┣ snatch.php 夺宝奇兵前台页面 ┣ tag_cloud.php 标签云 ┣ topic.php 专题前台 ┣ user.php 会员中心 ┣ vote.php 调查程序 ┣ wholesale.php 批发前台文件 ┣ admin文件夹 ┃ ┣ account_log.php 管理中心帐户变动记录 ┃ ┣ admin_logs.php 记录管理员 *** 作日志 ┃ ┣ ads.php 广告管理程序 ┃ ┣ adsense.php 站外JS投放的统计程序 ┃ ┣ ad_position.php广告位置管理程序 ┃ ┣ affiliate.php 程序说明 ┃ ┣ affiliate_ck.php 程序说明 ┃ ┣ agency.php 管理中心办事处管理 ┃ ┣ area_manage.php 地区列表管理文件 ┃ ┣ article.php 管理中心文章处理程序文件 ┃ ┣ articlecat.php 文章分类管理程序 ┃ ┣ article_auto.php ┃ ┣ attention_list.php ┃欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）