然后用jq來操作鼠標(biāo)經(jīng)過的時候，顯示菜單即可如圖，我用到了滑動效果，具體可以自己查找一下slideToggle的用法哦；select標(biāo)簽實現(xiàn)注如果是聯(lián)動下拉菜單的話，需要通過js動態(tài)處理select中的option純css三級下拉菜單，下面是樣式表 *commonstyling* menufontfamilyarial，sansserifwidth750pxpositionrelativemargin0fontsize。

這問題好糾結(jié)，最少來個截圖啊，給你寫個吧，粘過去就行，不行的話留個q，繼續(xù)問 lt！DOCTYPE htmllthtml lthead ltmeta charset=quotutf8quot lttitle選項卡lttitle ltstyle type=quottextcssquot webkit；這個用jQuery就的toggle函數(shù)可以實現(xiàn)lt！DOCTYPE htmllthtml lang=quotenquotlthead ltmeta charset=quotUTF8quot lttitleTitlelttitleltscript src=quot ltstyle main liststyle float。

1創(chuàng)建兩個html文件，一個test一個test22打開test頁面，在里面創(chuàng)建一個div，并給其添加onmousedown與move方法3打開后我們發(fā)現(xiàn)是一個棕綠的頁面4定義兩個變量，startx為鼠標(biāo)按下的坐標(biāo)，endx為鼠標(biāo)移動的坐標(biāo)；用textarea，設(shè)置它的readonly屬性只讀 lttextarea readonly=quottruequotlttextarea或者直接用div就可以了固定個高度，設(shè)置overflowyscroll。

首先，我們需要在HTML中創(chuàng)建一個菜單欄，這個菜單欄包含若干個選項卡，每個選項卡對應(yīng)一個頁面具體結(jié)構(gòu)如下```選項卡1 選項卡2 選項卡3 選項卡4 ```其中，menu是整個菜單欄的容器，ul中包含若干個li，每個li對應(yīng)一。

需要準(zhǔn)備的材料分別有電腦瀏覽器html編輯器1首先，打開html編輯器，新建html文件，例如indexhtml2在indexhtml中的ltbody標(biāo)簽中，輸入html代碼ltdiv style=quotposition fixed top 0right0quot導(dǎo)航lt；touchmove事件當(dāng)手指在屏幕上滑動的時候連續(xù)地觸發(fā)在這個事件發(fā)生期間，調(diào)用preventDefault事件可以阻止?jié)L動touchend事件當(dāng)手指從屏幕上離開的時候觸發(fā)touchcancel事件當(dāng)系統(tǒng)停止跟蹤觸摸的時候觸發(fā)關(guān)于這個事件的確切。

顯示合作div absolute定位，判斷滾動到div位置的時候設(shè)置position為fixed，同時設(shè)置top為0 ltdiv style=quotheight500pxbackground#999quotltdiv ltdiv id=quotfixedMenuquot style=quotbackground#eeewidth100%quot我是菜單，我；jquery實現(xiàn)由一級導(dǎo)航菜單到二級滑動顯示效果，并點擊增加背景變化效果，代碼挺簡單的，但是也效果也很好，是非常實用的，也是很流行的菜單樣式 htmlltdiv class=quotwebSchoolLquot id=quotwebSchoolLquot ltul class=quotleftTabquot id=。

另，你說的手機端用手指滑動，在 HTML 中是由瀏覽器根據(jù)手勢觸控事件來支持的，jQuery 超越不了瀏覽器對 JS 的支持，因為 jQuery 就是 JS 的程序包如果使用 Mouse 事件來實現(xiàn)，也不是不可以，因為手勢觸控的本質(zhì)無非；可以的呀，你可以用意派Epub360在線H5頁面制作工具實現(xiàn)上下左右自由翻頁做法很簡單，只要在這里修改設(shè)置就行了，如圖。

3保存html代碼頁面，使用瀏覽器打開，這個時候我們發(fā)現(xiàn)select下拉菜單是可以點擊修改的4回到html代碼頁面，在select標(biāo)簽上添加disabled=quotdisabledquot屬性5保存html代碼頁面，回到瀏覽器頁面上刷新頁面，這個時候會發(fā)現(xiàn)select；ltdiv class=quotwrapquot style=quot這個寬度固定，可以是百分比，設(shè)置超出隱藏quot ltul style=quot這個寬度設(shè)置足夠長，移動就是這個元素的left值quot ltli黃色ltli ltli綠色ltli ltli黃色ltli ltul ltdiv。