东京热成人网站_XX另类XX伦理XXAV_亚洲精品无码成人AAA片_高清av中文字幕无码_手机看片国产欧美日韩高清_bd美妙第进化型

咨詢電話：
15628812133
08
2017/01

如何做出可以移動(dòng)的廣告特效

發(fā)布時(shí)間：2017-01-08 19:16:26
發(fā)布者：jiangbing
瀏覽量:
0

效果截圖。

1_02.png

1、首先我們需要注意的是他有一張半透明的背景圖，這種特效像是商城網(wǎng)站用的特別多。

2、看清楚構(gòu)造，接下來(lái)就可以寫效果了。

html只需要兩個(gè)div即可。這是他的樣式，這里用到的屬性有position、z-index還有opacity,當(dāng)然要對(duì)IE做兼容的話透明度需要寫filter:alpha(opacity=50)，IE版本低的不支持opacity。

3、下面就可以寫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)的廣告就完成了。 

關(guān)鍵詞:
返回列表
濟(jì)南網(wǎng)絡(luò)公司聯(lián)系我們
聯(lián)系我們
CONTACT US
公司電話：0531-68961230 QQ:1828686598
公司地址：濟(jì)南市天橋區(qū)中凡魯鼎廣場(chǎng)A座20樓2009
高新技術(shù)企業(yè)編號(hào)：GR202437006411
科技中小企業(yè)編號(hào)：2024370105A8014257
關(guān)注我們濟(jì)南網(wǎng)絡(luò)公司
關(guān)注我們
FOCUS ON US
咨詢電話濟(jì)南網(wǎng)絡(luò)公司
咨詢電話：
15628812133
濟(jì)南網(wǎng)絡(luò)公司 濟(jì)南網(wǎng)絡(luò)公司 濟(jì)南網(wǎng)絡(luò)公司
山東文匯信息服務(wù)有限公司版權(quán)所有 濟(jì)南軟件開(kāi)發(fā) 魯ICP備14002804號(hào)-1 公安備案號(hào) 37010502000882