主要表现在以下几个方面 1轮播图要适应不同宽度dpr的屏幕 2需要使用 touch相关的事件 3不同机型对 touch事件支持的不太一样，可能会有一些兼容性问题 4手指移动图片一部分距离，剩下的距离需要自动完成 5自。

自己加五张图片，然后lt！doctype html lt！声明当前页面的编码集charset=gbk，gb2312中文编码，utf8国际编码 lt！当前页面的三要素 腾讯课堂专业的在线教育平台 lt！css，js margin。

这种效果叫做焦点图，这种效果很流行，当然了，JS不要你自个写了，因为你写的，比不上老外写的，你去百度，网上有很多这种JQUERY效果的。

参考代码lt！DOCTYPE html Title btn display block margin135px auto width 30px height 30px fontsize 30px cursor pointer btnhover color。

检查下冲突项吧，这种情况很常见，就像套用一样，有些情况就是得再调试，就那段代码应该也不是很能看出啥，别的代码影响了。

1HTML语言 掌握HTML是网页的核心，是一种制作万维网页面的标准语言，是万维网浏览器使用的一种语言，它消除了不同计算机之间信息交流的障碍因此，它是网络上应用最为广泛的语言，也是构成网页文档的主要语言，学好HTML是。

还有FontelloFontello SecureheadersVisual Studio CodeVisual Studio Code工具只能解决一些特定问题，要解决更加全面的问题就要接触到框架，三大基本框架有AngularReactVue，当然，以后还会接触到更多Bootstrap Fbootstrapp。

这个是跟数据有关系的操作，然后数据逻辑判断，效果方面的，无非就是跳转弹框隐藏什么的，把这些全部结合其他就是实际用途了，代码一点都不难，会了这些基础js，其他的直接百度就好了然后看多了，用多了，就什么都不是问题了。

焦点图，又叫幻灯片，一般是处于网页导航nav底部的图片切换效果一般由超过两张以上的图片组成，或左右，或上下切换焦点图就是图片广告切换展示效果在网站很明显的位置，用图片组合播放的形式，类似焦点新闻的意思只。