Question

帮我解决辩论。是否可以在不使用id = $(this).attr("id"); $("#"+location+"_code").append("<a href='"+$(this).attr("src")+"' class='download' download/><dt>"+$(this).attr("title")+"</dt><dd><pre id='"+id+"'></pre></dd>"); $.ajax({ url:$(this).attr('src'), dataType: "text", async: false, success: function(data) { $("#"+id).append(data); } });的情况下编写内容滑块？

overflow:hidden;

基本上可以这样做： https://codepen.io/dudleystorey/pen/ehKpi

＆＃13;

Slider Specs
Slides slide out left side as new slide slides in from right
Slides are DIVs

＆＃13;

@keyframes slidy {
0% { left: 0%; }
20% { left: 0%; }
25% { left: -100%; }
45% { left: -100%; }
50% { left: -200%; }
70% { left: -200%; }
75% { left: -300%; }
95% { left: -300%; }
100% { left: -400%; }
}

body { margin: 0; } 
div#slider { overflow: hidden; }
div#slider figure img { width: 20%; float: left; }
div#slider figure { 
  position: relative;
  width: 500%;
  margin: 0;
  left: 0;
  text-align: left;
  font-size: 0;
  animation: 30s slidy infinite; 
}

＆＃13;

不使用overflow：hidden。

Answer 1

嗯，对于全屏滑块，使用这种方法，有可能：

 div#slider {
 border:2px solid black;
 box-shadow: 5px 5px 1px grey;    
 background:transparent;

 max-width: 1400px;
 position:fixed;
 width:100%;
 height:100%;
 top:0px;
 left:0px;
 z-index:1000;
 }

http://codepen.io/damianocel/pen/wKxgpz

要100％确定是否可能这样，通过移动保证金，我必须首先测试一些事情。

CSS内容滑块争论

1 个答案: