-
預(yù)覽鼠標(biāo)控制左右滾動(dòng)的橫向圖片滾動(dòng)代碼
2012-11-15鼠標(biāo)控制左右滾動(dòng)的橫向圖片滾動(dòng)代碼,只要你把鼠標(biāo)放到圖片組的左端或右端,圖片就會(huì)自動(dòng)感應(yīng),然后改變滾動(dòng)方向,比如,鼠標(biāo)放左邊后,圖片會(huì)向左滾,放右邊則向右滾,智能化。 -
預(yù)覽jquery 自動(dòng)輪換內(nèi)容
2012-11-15jquery 自動(dòng)輪換內(nèi)容,如果不想讓其輪番的話(huà),也可以讓它定時(shí)顯示一條信息,代碼里可以經(jīng)過(guò)設(shè)置修改。 -
預(yù)覽無(wú)jQuery焦點(diǎn)圖切換JS代碼
2012-11-15無(wú)jQuery焦點(diǎn)圖切換JS代碼,淡入淡出方式的圖片轉(zhuǎn)場(chǎng)方式,帶文字說(shuō)明和鏈接,帶播放控制,切換平滑,由JavsScript完成核心控制代碼,并沒(méi)有使用jquery,在此提供一份參考,對(duì)jQuery使用不熟練的朋友可參考一番。 -
預(yù)覽Js移動(dòng)圖片、獲得圖片坐標(biāo)、設(shè)置圖片隱藏等等
2012-11-15Js移動(dòng)圖片、獲得圖片坐標(biāo)、設(shè)置圖片隱藏等等,可以得到圖片的橫向位置、豎向位置、將圖片移動(dòng)到指定位置、顯示或隱藏篾片,并實(shí)現(xiàn)圖片的相對(duì)移動(dòng)。 -
預(yù)覽JS圖片切換學(xué)習(xí)版,沒(méi)有過(guò)多修飾
2012-11-15JS圖片切換學(xué)習(xí)版,沒(méi)有過(guò)多修飾,為了更清楚的看代碼,代碼里的好些功能都沒(méi)怎么加修飾,因此看上去很簡(jiǎn)潔的樣子,它的特點(diǎn)是大圖和小圖可以使用不同的圖片,這樣有利于網(wǎng)頁(yè)的快速加載,是有好處的。 -
預(yù)覽邊滾邊停的JS圖片滾動(dòng)
2012-11-15一邊滾動(dòng)一邊暫停的JS圖片滾動(dòng),橫向的滾動(dòng),常用到網(wǎng)站的友情鏈接模塊,或者做圖片導(dǎo)航相當(dāng)不錯(cuò)的。注意代碼里的nobr這個(gè)標(biāo)簽很重要,沒(méi)有他firefox里無(wú)法正常顯示。 -
預(yù)覽兩個(gè)基于jQuery的漸隱漸顯圖片輪換幻燈片
2012-11-15兩個(gè)基于jQuery的漸隱漸顯圖片輪換幻燈片,如果不運(yùn)行的話(huà),請(qǐng)刷新頁(yè)面。這兩個(gè)幻燈片都是基于jQuery的,帶縮略圖,一個(gè)是圖文切換,很不錯(cuò),圖片加載的是遠(yuǎn)程的,如果圖片地址失效,請(qǐng)更換一下圖片地址。 -
預(yù)覽CSS趣味圖片邊框之——帶間隔的大邊框代碼
2012-11-15CSS趣味圖片邊框之——帶間隔的大邊框代碼,看似簡(jiǎn)單,為什么別人做出來(lái)都挺漂亮呢?這就是配色和審美的因素了,好好學(xué)習(xí)一下吧,本效果用最簡(jiǎn)的代碼寫(xiě)出的,其實(shí)還可以再精簡(jiǎn),不過(guò)兼容性就變差了。 -
預(yù)覽Js智能判斷瀏覽器是關(guān)閉還是刷新
2012-11-14JavaScript判斷瀏覽器是關(guān)閉還是刷新,其實(shí)覺(jué)得沒(méi)有什么實(shí)用性,就算是作為Js學(xué)習(xí)的一個(gè)參考文檔吧。 -
預(yù)覽Js封裝勻速循環(huán)的橫向圖片滾動(dòng)
2012-11-14JavaScript封裝一個(gè)勻速不停滾動(dòng)的橫向圖片滾動(dòng)特效,使用非常簡(jiǎn)便,看看本代碼你就會(huì)明白的,代碼里有豐富注釋?zhuān)还苁菍W(xué)習(xí)或是想用到你的網(wǎng)頁(yè)上,都是不錯(cuò)的選擇。 -
預(yù)覽JavaScript妙味課堂,物體平移運(yùn)動(dòng)特效
2012-11-14JavaScript妙味課堂上的一個(gè)教學(xué)實(shí)例,物體平移運(yùn)動(dòng)特效,點(diǎn)擊按鈕后激活函數(shù),控制圖片在一定時(shí)間內(nèi)勻速運(yùn)動(dòng),是最簡(jiǎn)單、最基礎(chǔ)的運(yùn)動(dòng)方式,其特點(diǎn)是運(yùn)動(dòng)的方向和速度都不發(fā)生改變。 -
預(yù)覽jQuery 圖片切換,帶標(biāo)題和說(shuō)明文字
2012-11-14圖片切換,帶標(biāo)題和說(shuō)明性文字,基于jQuery完成的效果,好像比較經(jīng)典的一種切換方式,采用淡入淡出的過(guò)渡效果,可對(duì)應(yīng)在一張圖上寫(xiě)上標(biāo)題與說(shuō)明性文字,很不錯(cuò)哦。 -
預(yù)覽CSS圖片水印的實(shí)現(xiàn)
2012-11-14用純CSS實(shí)現(xiàn)水印遮罩,也就是大家常見(jiàn)的水印,運(yùn)用疊加和透明度改變的方法實(shí)現(xiàn)兩張圖片互相折疊在一起。 -
預(yù)覽圖片加載時(shí)候逐漸出現(xiàn)的雜色效果,JavaScript代碼版
2012-11-14有一些網(wǎng)站在加載圖片的時(shí)候不是一下子就出來(lái)了,而是由模糊到清淅,或是由一種不占用過(guò)多網(wǎng)絡(luò)資源的方式先大致顯示,然后再慢慢加載,避免因用戶(hù)等不及將網(wǎng)頁(yè)關(guān)掉,像馬賽克效果、沙子效果等,雖然本效果與馬賽克有些差別,但可從思路上為你提供一份參考。 -
預(yù)覽來(lái)自新浪的一款簡(jiǎn)潔JS焦點(diǎn)圖切換代碼
2012-11-14來(lái)自新浪的一款簡(jiǎn)潔JS焦點(diǎn)圖切換代碼 -
預(yù)覽橫向的JavaScript圖片滾動(dòng)
2012-11-14橫向的JavaScript圖片滾動(dòng),左右可控制方向,當(dāng)鼠標(biāo)不點(diǎn)擊的時(shí)候它會(huì)自動(dòng)滾動(dòng),鼠標(biāo)點(diǎn)擊向左它則向左,完全由你控制,研究一下代碼,你還可對(duì)代碼進(jìn)行修改,以適應(yīng)你的網(wǎng)站需要。 -
預(yù)覽圖片旋轉(zhuǎn)展示,仿騰訊QQ網(wǎng)的特效
2012-11-13來(lái)自騰訊網(wǎng)娛樂(lè)頻道的一款圖片旋轉(zhuǎn)特效,使用了一個(gè)SWF插件,你只需在JavaScript文件里標(biāo)出圖片路徑和鏈接就行了,簡(jiǎn)單方便。 -
預(yù)覽Google上有過(guò)的圖片放大效果,使用了jQuery
2012-11-13Google上有過(guò)的圖片放大效果,使用了jQuery,鼠標(biāo)放上就會(huì)看到放大的效果,有創(chuàng)意。 -
預(yù)覽JavaScript自制GIF動(dòng)畫(huà),這是代碼
2012-11-13如果不告訴大家的話(huà),你是不是覺(jué)得這是一張GIF動(dòng)畫(huà)圖片呢?其實(shí)不是的,它是兩張互不干擾的圖片,用JavaScript去控制,然后聯(lián)系在一起,用它我們可以做圖片切換特效,不錯(cuò)吧,好好研究一下,代碼超簡(jiǎn)單。 -
預(yù)覽CSS+JavaScript仿FLASH的圖片輪換效果
2012-11-13一款很精致的JavaScript仿Flash圖片切換效果,代碼比較多,呵呵,用時(shí)候是可以封裝的,將Js代碼摘出封裝一下還是不錯(cuò)的,圖片由上至下滑動(dòng)出現(xiàn),并與底下的小圖一一對(duì)應(yīng)起來(lái),當(dāng)轉(zhuǎn)到下一張時(shí),小圖片從右至左移動(dòng),下一張圖片由上至下再滑動(dòng)出來(lái)。
- 相關(guān)鏈接:
- 欄目說(shuō)明:
圖片特效:提供了大量與圖片特效相關(guān)的內(nèi)容,是您學(xué)習(xí)及查找圖片特效的最佳選擇。