桥一桥 2021-12-23 03:06 采纳率: 100%
浏览 44
已结题

emo了,到底哪里出问题了,指导指导一下下吧

img

上面是别人的效果图,我按照那个步骤一步一步来然后就得到下图这么个东西

img


这是我的完整代码


<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        
            <style type="text/css">
                #BJ{
                    /* 图片剧中 */
                     text-align: center; 
                }
                #img{
                    /* 图片宽度 高度 */
                    width: 80rem;
                    height: 43.125rem;
                }
                #ol{
                position: absolute;    
                bottom: 5.3125rem;    
                width: 100%;    
                text-align: center;
                right: 0.9375rem;    
                }
            </style>
    </head>        
            <script type="text/javascript">
                var isindex=0
                var imgs=["images/曹操.png",
                          "images/伽罗.png",
                          "images/镜.png",
                          "images/老虎.png",
                          "images/孙膑.jpg",
                          "images/婉儿.png"];
                function qiehuan(){
                    document.getElementById("img").src=imgs[index];
                    index++;
                     if(index>5){
                         index=0// 只有6张图片,当为5时,重置为0
                    }
                }
                setInterval("qiehuan()",1000)// 每三秒重新运算函数qiehuan()
                    
               // 图片点击切换部分:
                       window.onload = function
            // 获取6张图片id:
               var c1 = document.getElementById("clk1");
               var c2 = document.getElementById("clk2");
               var c3 = document.getElementById("clk3");
               var c4 = document.getElementById("clk4");
               var c5 = document.getElementById("clk5");
               var c6 = document.getElementById("clk6");
               
               // 点击相应按钮,则显示相应图片:
               c1.onclick=function(){
                   document.getElementById("img").src=imgs[0];
               }
               c2.onclick=function(){
                      document.getElementById("img").src=imgs[1];
               }
               c3.onclick=function(){
                      document.getElementById("img").src=imgs[2];
               }
               c4.onclick=function(){
                      document.getElementById("img").src=imgs[3];
               }
               c5.onclick=function(){
                      document.getElementById("img").src=imgs[4];
               }
               c6.onclick=function(){
                      document.getElementById("img").src=imgs[5];
               }
            </script>
              
    
    
    
    <body>
        
        <!-- <embed src="js/王者荣耀%20-%20王者冰刃.mp3" width=0 height=0 type=audio/mpeg loop="-1" autostart="true" volume="0">
        </embed> -->   <!-- 音乐 -->
        
        <div id="">
            <div id="BJ">
                < img src="js/伽罗.png" id="img" >
            </div>
                

  • 写回答

2条回答

      报告相同问题?

      相关推荐 更多相似问题

      问题事件

      • 系统已结题 1月3日
      • 已采纳回答 12月26日
      • 创建了问题 12月23日

      悬赏问题

      • ¥15 如何在linux服务器做视频静态资源访问接口
      • ¥15 Python Xpath对<em>标签的爬取结果变成了- -(关键词-Xpath)
      • ¥15 el-cascader懒加载模式选中单选框加载下层无数据问题
      • ¥15 promql 参数怎么忽视大小写查询
      • ¥50 swift使用textkit读取大文本文件速度慢的问题
      • ¥20 统信linux360企业浏览器 如何配置扩展程序?(图形界面我知道)
      • ¥100 c/c++实现DoubleArrayTrie
      • ¥15 在开发/迭代一款企业信息软件时会耗费你们多长时间?
      • ¥15 如果可以为你提供一款定制化的企业软件,您最希望在哪个板块实现定制化?
      • ¥30 关于#网络安全#的问题:非对称加密验证