永发信息网

手机网站焦点图滑动翻页的原理

答案:1  悬赏:30  手机版
解决时间 2021-01-25 07:04
  • 提问者网友:龅牙恐龙妹
  • 2021-01-25 02:00
如题,比如3张图焦点图,当显示第一张时,其他2张是处于什么状态?margin-right设置为负值了??怎么让它能循环的翻页?如果有示范源代码最好~
最佳答案
  • 五星知识达人网友:梦中风几里
  • 2021-01-25 03:03
<div id="viewport">
    <div id="container">
        <img src="x.jpg" />
        // ...
    </div>
</div>一般结构会是这样的,viewport是用户能看到的,会设置个宽高,overflow:hidden,position:relative;

里面的是容器,绝对定位,通过修改容器的left位置,来决定显示的图片是哪个。
我要举报
如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息,可以点下面链接进行举报!
点此我要举报以上问答信息
大家都在看
推荐资讯