修改了轮播图片

K-Wen · Oct 31, 2017 · 5fa3005 · 5fa3005
1 parent e7f3a36
commit 5fa3005
Show file tree

Hide file tree

Showing 5 changed files with 36 additions and 57 deletions.
diff --git a/image/test-1.jpg b/image/test-1.jpg
diff --git a/image/test-2.jpg b/image/test-2.jpg
diff --git a/image/test-3.jpg b/image/test-3.jpg
diff --git a/middle.html b/middle.html
@@ -18,9 +18,9 @@
         <div class="layui-col-md9 redBorder">
           <div class="layui-carousel" id="carousel">
             <div carousel-item>
-              <div>条目1</div>
-              <div>条目2</div>
-              <div>条目3</div>
+              <img src="./image/test-1.jpg" alt="test-1">
+              <img src="./image/test-2.jpg" alt="test-1">
+              <img src="./image/test-3.jpg" alt="test-1">
             </div>
           </div>
         </div>

diff --git a/布局.html b/布局.html
@@ -1,58 +1,37 @@
-<!DOCTYPE html>
 <html>
-  <head>
-    <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-    <title>WebUI</title>
-    <link rel="stylesheet" href="./third-part/layui/css/layui.css">
-    <link rel="stylesheet" href="./css/index.css">
-  </head>
-  <body class="layui-fluid" style="border:1px solid green;">
-    <div class="layui-container" style="border:1px solid green;">
-      <div class="layui-row layui-col-space5">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
+<title>我是标题</title>
+</head>
 
-        <div class="layui-col-md5">
+<body>
+<div id="shadow" style="position:absolute;visibility:visible;top:12px; left:12px"></div>
+<div id="showstr" style="position:absolute;visibility:visible;top:10px; left:10px"></div>
+<script language="javaScript">
+var space=0
+var word=0
+var Tstr = new Array()
+Tstr[0]="000000000000000000000000"
+Tstr[1]="111111111111111111111111"
+Tstr[2]="22222222222222222222222222"
+function exportstr() {
+if (space <= document.body.clientWidth) {
+    showstr.innerHTML="<span id='p1' style='position:absolute;font-family:宋体;font-size:30pt;color:3399FF;clip:rect(2px "+space+"px 200px 0px)'>"+Tstr[word]+"</span>"
+    shadow.innerHTML="<span style='position:absolute;font-family:宋体;font-size:30pt;color:888888; clip:rect(2px "+space+"px 200px 0px)'>"+Tstr[word]+"</span>"
+    space=space+60
+    var timer=setTimeout("exportstr()",60)
+}
+else {
+    document.close()
+    clearTimeout(timer)
+    word++
+    space=0
+    if (word >= Tstr.length) {word=0}
+    var intermezzo=setTimeout("exportstr()",200)
+}
+}
+exportstr();
+</script>
 
-          <div class="layui-row grid-demo">
-            <div class="layui-col-md3 redBorder">
-              内部列11111111111111111111111111111111111
-            </div>
-            <div class="layui-col-md9 redBorder">
-              内部列22222222222222222222222222222222222222
-            </div>
-            <div class="layui-col-md12 redBorder">
-              内部列3333333333333333333333333333333333333333333
-            </div>
-          </div>
-        </div>
-
-        <div class="layui-col-md7">
-          <div class="layui-row grid-demo grid-demo-bg1">
-            <div class="layui-col-md12 redBorder">
-              内部列4444444444444444444444444444444444444444444444444
-            </div>
-            <div class="layui-col-md9 redBorder">
-              内部列5555555555555555555555555555555555555555555555555555555
-            </div>
-            <div class="layui-col-md3 redBorder">
-              内部列66666666666666666666666666666666666666666666666666666666
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  <script src="./third-part/layui/layui.js"></script>
-  <script>
-    layui.use('carousel', function(){
-      var carousel = layui.carousel;
-      //建造实例
-      carousel.render({
-        elem: '#carousel'
-        ,width: '100%' //设置容器宽度
-        ,arrow: 'always' //始终显示箭头
-        //,anim: 'updown' //切换动画方式
-      });
-    });
-  </script>
-  </body>
+</body>
 </html>