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

自己加五張圖片，然后lt！doctype html lt！聲明當(dāng)前頁(yè)面的編碼集charset=gbk，gb2312中文編碼，utf8國(guó)際編碼 lt！當(dāng)前頁(yè)面的三要素 騰訊課堂專業(yè)的在線教育平臺(tái) lt！css，js margin。

這種效果叫做焦點(diǎn)圖，這種效果很流行，當(dāng)然了，JS不要你自個(gè)寫了，因?yàn)槟銓懙模炔簧侠贤鈱懙?，你去百度，網(wǎng)上有很多這種JQUERY效果的。

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

檢查下沖突項(xiàng)吧，這種情況很常見(jiàn)，就像套用一樣，有些情況就是得再調(diào)試，就那段代碼應(yīng)該也不是很能看出啥，別的代碼影響了。

1HTML語(yǔ)言 掌握HTML是網(wǎng)頁(yè)的核心，是一種制作萬(wàn)維網(wǎng)頁(yè)面的標(biāo)準(zhǔn)語(yǔ)言，是萬(wàn)維網(wǎng)瀏覽器使用的一種語(yǔ)言，它消除了不同計(jì)算機(jī)之間信息交流的障礙因此，它是網(wǎng)絡(luò)上應(yīng)用最為廣泛的語(yǔ)言，也是構(gòu)成網(wǎng)頁(yè)文檔的主要語(yǔ)言，學(xué)好HTML是。

還有FontelloFontello SecureheadersVisual Studio CodeVisual Studio Code工具只能解決一些特定問(wèn)題，要解決更加全面的問(wèn)題就要接觸到框架，三大基本框架有AngularReactVue，當(dāng)然，以后還會(huì)接觸到更多Bootstrap Fbootstrapp。

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

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