效果截圖。
1、首先我們需要注意的是他有一張半透明的背景圖，這種特效像是商城網(wǎng)站用的特別多。
2、看清楚構(gòu)造，接下來(lái)就可以寫(xiě)效果了。
html只需要兩個(gè)div即可。這是他的樣式，這里用到的屬性有position、z-index還有opacity,當(dāng)然要對(duì)IE做兼容的話(huà)透明度需要寫(xiě)filter:alpha(opacity=50)，IE版本低的不支持opacity。
3、下面就可以寫(xiě)JS了，首先引入jQuery庫(kù)。這里用到的一個(gè)知識(shí)點(diǎn)是坐標(biāo)var x=e.pageX-$('.aa').offset().left; var y=e.pageY-$('.aa').offset().top;他需要三個(gè)事件：鼠標(biāo)單擊時(shí)mousedown、鼠標(biāo)移動(dòng)時(shí)mousemove、鼠標(biāo)松開(kāi)時(shí)mouseup。
這樣一個(gè)可以移動(dòng)的廣告就完成了。
下一篇： animate.css是什么，該如何使用
