求一個JQuery寫的JS特效，我要打開網(wǎng)頁后一個圖片從網(wǎng)頁的右側(cè)滑出，然后圖片變模糊，再是文字從右側(cè)滑出

!DOCTYPE HTML

創(chuàng)新互聯(lián)公司長期為超過千家客戶提供的網(wǎng)站建設(shè)服務(wù)，團(tuán)隊(duì)從業(yè)經(jīng)驗(yàn)10年，關(guān)注不同地域、不同群體，并針對不同對象提供差異化的產(chǎn)品和服務(wù)；打造開放共贏平臺，與合作伙伴共同營造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為邱縣企業(yè)提供專業(yè)的做網(wǎng)站、網(wǎng)站設(shè)計(jì)，邱縣網(wǎng)站改版等技術(shù)服務(wù)。擁有10多年豐富建站經(jīng)驗(yàn)和眾多成功案例,為您定制開發(fā)。

html

title09/title

head

style

#image, #text{

position:absolute;

right:-1000px;

top:100px;

width:1000px;

height:500px;

display:none;

font-size:500%;

}

img{

width:100%;

height:100%;

}

.x{

overflow-x:hidden;

}

/style

script src="./jquery/jquery-1.8.3.js"/script

/head

body

div id='image'img src='./images/001.jpg'/div

div id='text'this is the text/div

/body

script

$(function(){

$('body').addClass('x');

$('#image').animate({

right:0,

opacity: 'show'

}, 1000, function(){

$('#image').fadeOut(1000, function(){

$('#text').animate({

right:0,

opacity: 'show'

}, 1000, function(){

$('#text').fadeOut(1000, function(){

$('body').removeClass('x');

});

});

});

}

);

});

/script

/html

簡單寫的,?圖片你自己找個?firefox下正確,?別的瀏覽器沒有測

任意圖片拖拽交換位置（jquery特效）

全部圖片使用絕對定位，頁面加載的時候，用程序按順序算出他們的位置定位好

當(dāng)拖拽完成，如果下面沒有圖片，這張圖片就返回他原來的坐標(biāo)

如果有，就兩個圖片兌換坐標(biāo)，用animate很簡單，你懂的

你要考慮坐標(biāo)記錄的問題，可以每次拖拽用全局標(biāo)量記錄

也可以直接記錄在圖片的屬性上

還有一個可能會遇到的問題就是事件起泡

怎么實(shí)現(xiàn)jQuery覆蓋圖片特效

給你個思路吧~其實(shí)就是兩個層疊加到一起~然后一個在上一個在下（用絕對定位可以實(shí)現(xiàn)），然后控制上面的層的大小，根據(jù)鼠標(biāo)的坐標(biāo)來控制層的寬度，并且把上面的那個層設(shè)置成益處隱藏的~這樣圖片大小固定了然后層的寬度拉大拉小就出來你要的效果了~

求點(diǎn)擊圖片，彈出大圖，大圖左右有上一張下一張按鈕，類似于百度圖片效果的jquery特效.

你可以把你看到的特效保右擊源碼存下來，然后再把對應(yīng)的JS保存下載，下次你在用的時候就可以直接拿來用。

當(dāng)前標(biāo)題：jquery圖片特效,jquery圖片效果
文章出自：http://chinadenli.net/article2/dsgjsoc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站設(shè)計(jì)公司、做網(wǎng)站、微信小程序、企業(yè)建站、外貿(mào)網(wǎng)站建設(shè)、面包屑導(dǎo)航

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)