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

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

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

首先，我們需要在HTML中創(chuàng)建一個(gè)菜單欄，這個(gè)菜單欄包含若干個(gè)選項(xiàng)卡，每個(gè)選項(xiàng)卡對應(yīng)一個(gè)頁面具體結(jié)構(gòu)如下```選項(xiàng)卡1 選項(xiàng)卡2 選項(xiàng)卡3 選項(xiàng)卡4 ```其中，menu是整個(gè)菜單欄的容器，ul中包含若干個(gè)li，每個(gè)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)手指在屏幕上滑動(dòng)的時(shí)候連續(xù)地觸發(fā)在這個(gè)事件發(fā)生期間，調(diào)用preventDefault事件可以阻止?jié)L動(dòng)touchend事件當(dāng)手指從屏幕上離開的時(shí)候觸發(fā)touchcancel事件當(dāng)系統(tǒng)停止跟蹤觸摸的時(shí)候觸發(fā)關(guān)于這個(gè)事件的確切。

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

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

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