V2EX › abcdGJJ 的所有回复 › 第 4 页 / 共 4 页

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

1 2 3 4

❮

❯

2016-10-22 09:27:09 +08:00

回复了 abcdGJJ 创建的主题 › 问与答 › 求指点~ translate 实现图片无缝轮播

@chemzqm 好的，我去看看

2016-10-22 09:26:55 +08:00

回复了 abcdGJJ 创建的主题 › 问与答 › 求指点~ translate 实现图片无缝轮播

@sherlocktheplant 但是我看淘宝首页的轮播图可以实现，一直搞不懂原理

2016-10-21 23:01:06 +08:00

回复了 abcdGJJ 创建的主题 › 问与答 › 求指点~ translate 实现图片无缝轮播

@sherlocktheplant 改变 URL ？有没有通过改变 css 来实现的方法？

这是我当前的代码：

```
<ul class="photo" id="photo">
<li><img src="imgs/5.jpg" alt=""></li>
<li><img src="imgs/1.jpg" alt=""></li>
<li><img src="imgs/2.jpg" alt=""></li>
<li><img src="imgs/3.jpg" alt=""></li>
<li><img src="imgs/4.jpg" alt=""></li>
<li><img src="imgs/5.jpg" alt=""></li>
<li><img src="imgs/1.jpg" alt=""></li>
</ul>
<a href="javascript:;" id="prev" class="arrow"><</a>
<a href="javascript:;" id="next" class="arrow">></a>
```

```
var photo = document.querySelector('#photo'),
nextItem = document.querySelector('#next')
index = 1
var translate = function (dom, type, time) {
dom.style.transform = type
dom.style.transitionDuration = time + 's'

}
var animated = function (offset) {
go = 'translate(' + offset*index + 'px, 0)'
if(index == 6) {
index = 1
}
console.log(go)
translate(photo, go, 0.5)
}
var next = function () {
index++
animated(-600)
}
nextItem.onclick = next;
```

2016-10-15 10:06:57 +08:00

回复了 zacharyjia 创建的主题 › 问与答 › 研究生方向是数据中心网络、SDN 啥的，今后怎么发展？

SDN 在 5G 中广泛使用，好好研究吧

2016-10-06 12:11:46 +08:00

回复了 peneazy 创建的主题 › JavaScript › 各位前端，大家现在用的是 gulp 还是 grunt

webpack & gulp

2016-10-06 12:03:06 +08:00

回复了 FrankFang128 创建的主题 › JavaScript › 在 2016 年学 JavaScript 是一种什么样的体验？

果然 PHP 是世界上最好的语言

2016-09-30 23:07:01 +08:00

回复了 caserest 创建的主题 › 推广 › 不知道为什么又想送点东西给大家！

宅在宿舍

2016-05-20 11:49:04 +08:00

回复了 arrowna 创建的主题 › 程序员 › 有哪些开源下载软件可以和 utorrent 媲美么？

IDM 不开源好像

1 2 3 4

❮

❯