主要表現(xiàn)在以下幾個方面 1輪播圖要適應不同寬度dpr的屏幕 2需要使用 touch相關的事件 3不同機型對 touch事件支持的不太一樣，可能會有一些兼容性問題 4手指移動圖片一部分距離，剩下的距離需要自動完成 5自。

自己加五張圖片，然后lt！doctype html lt！聲明當前頁面的編碼集charset=gbk，gb2312中文編碼，utf8國際編碼 lt！當前頁面的三要素 騰訊課堂專業(yè)的在線教育平臺 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。

這個是跟數(shù)據(jù)有關系的操作，然后數(shù)據(jù)邏輯判斷，效果方面的，無非就是跳轉彈框隱藏什么的，把這些全部結合其他就是實際用途了，代碼一點都不難，會了這些基礎js，其他的直接百度就好了然后看多了，用多了，就什么都不是問題了。

焦點圖，又叫幻燈片，一般是處于網頁導航nav底部的圖片切換效果一般由超過兩張以上的圖片組成，或左右，或上下切換焦點圖就是圖片廣告切換展示效果在網站很明顯的位置，用圖片組合播放的形式，類似焦點新聞的意思只。