fixed表示指定的背景是永遠(yuǎn)固定的，即背景圖片不隨著網(wǎng)頁(yè)的滾動(dòng)而滾動(dòng)ltstyle body backgroundposition center背景居中 backgroundrepeat norepeat無(wú)重復(fù) backgroundattachment fixed固定不動(dòng) lt；html5中是通過(guò)css3的backgroundsize來(lái)控制自適應(yīng)的直接在圖片代碼里面設(shè)置style，例如ltimg src=quotxxxjpgquot style=quotmaxwidth100%quot2要么給圖片統(tǒng)一一個(gè)class名例如responseimg，然后在css文件里面設(shè)置這個(gè)class h；inx = $thisindexvar Imgsrc = $#39tab#39find#39img#39eqinxattr#39src#39#39show#39find#39img#39attr#39src#39，Imgsrcltscript lthtml 引一個(gè)jquery文件，圖片地址替換一下就可以了；1，輸入positionfixedtop0left0將整個(gè)div固定在屏幕的頂部和左側(cè)2輸入width100％height100％min－width1000px這個(gè)可以適合div的高度和寬度，而min－width是為了實(shí)現(xiàn)讓屏幕寬度在1000px以內(nèi)時(shí)。

準(zhǔn)備一張圖片，新建一個(gè)空白html文件 其中html文件內(nèi)容如下圖所示，html中包含了一張圖片，及對(duì)應(yīng)的描述段落 給html添加head標(biāo)簽，在標(biāo)簽中定義樣式ltstyle p border1px solid red img floatleft margin0 5px；setIntervalfunction quot#div_picquotcssquotbackgroundImagequot， quoturlquot + arryi + quotquoti++if i == 5 i = 0 ， 5000 定時(shí)換背景圖片的代碼 * 下面是圖片切換代碼 va；在 HTML5 中，任何元素都能可以進(jìn)行拖放，所以接下來(lái)在文章中將通過(guò)實(shí)例詳細(xì)告訴大家如何實(shí)現(xiàn)拖動(dòng)效果拖放效果所需的知識(shí)點(diǎn)draggable 規(guī)定元素是否可拖動(dòng)，一般情況下鏈接和圖片默認(rèn)是可拖動(dòng)的true規(guī)定元素是可拖動(dòng)的；因?yàn)?imginput 都是自閉合標(biāo)簽，所以，無(wú)法簡(jiǎn)單的讓 input 固定在 img 上 要想 input 把固定在 img 上，要運(yùn)用點(diǎn)小技巧，借助一個(gè) div 作為容器，然后，圖片沒(méi)有特殊要求不用動(dòng)，input 做絕對(duì)定位 htmlltdiv。

制作圖片的放大效果我考慮到的方法是將原始圖片繪制到canvas上，然后在對(duì)canvas進(jìn)行局部裁剪最后對(duì)裁剪的部分進(jìn)行放大，這樣就可以實(shí)現(xiàn)放大鏡的效果這里我給出一個(gè)實(shí)現(xiàn)這個(gè)想法的示例該示例實(shí)際上就是運(yùn)用HTML5 canvas中對(duì)；ltimg src=quotquot id=quotimg1quot ltimg src=quotquot id=quotimg2quot ltimg id=quotimg3quot var img1 = documentgetElementByIdquotimg1quot， img2 = documentgetElementByIdquotimg2quot， img3 =；1·點(diǎn)擊上方功能區(qū)圖片 2·點(diǎn)擊上傳圖標(biāo)，上傳圖片副編輯區(qū) 1·可以對(duì)圖片進(jìn)行更換，裁剪以及濾鏡效果處理 2·可以對(duì)圖片進(jìn)行更改邊框 圖片偏移 圖片縮放 圖片旋轉(zhuǎn)序列幀 觸發(fā)方式調(diào)節(jié) 播放延遲設(shè)置；HTML5前端的選擇器一般有js選擇器和css選擇器 其中css選擇器上面的網(wǎng)友回答的很全面了使用pimg就可以了js選擇器一般使用jquery選擇器，而jquery選擇器可以通過(guò)id或者class樣式或者元素類型進(jìn)行選擇，子選擇器可以用find或者；目前最常見(jiàn)的解決方案作為一般規(guī)則，你會(huì)在任何響應(yīng)式網(wǎng)站中發(fā)現(xiàn)以下CSS樣式1img 2maxwidth 100%3height auto4此代碼使用maxwidth100%的設(shè)置，以確保圖像永遠(yuǎn)不會(huì)超越其父容器的寬度如果父容器的寬度收縮小于；簡(jiǎn)單的js判斷鼠標(biāo)在圖片上時(shí)，產(chǎn)生一個(gè)div覆蓋在圖片上面，這個(gè)div給格子背景圖 兼容性好，但是格子尺寸固定，一張網(wǎng)頁(yè)上多個(gè)不同尺寸圖片上用，格子全一樣大復(fù)雜的js生成個(gè)html5的canvas畫(huà)布，把圖片放上去，再用js。

拍照功能，我們采用HTML5的Canvas實(shí)時(shí)捕獲Video標(biāo)簽的內(nèi)容，Video元素能作為Canvas圖像的輸入，這一點(diǎn)很棒主要代碼如下html view plaincopy ltscript var canvas =documentcreateElement#39canvas#39var ctx =。