使用jQuery background-position插件來創(chuàng)建超酷的導(dǎo)航條效果 







使用jQuery background-position插件來創(chuàng)建超酷的導(dǎo)航條效果



2012-9-10 11:15 上傳
點(diǎn)擊文件名下載附件 

在過去的web開發(fā)和設(shè)計(jì)中，大家往往使用flash來創(chuàng)建炫酷的菜單效果，隨著js和web技術(shù)的發(fā)展，現(xiàn)在大家可以使用簡(jiǎn)單的javascript代碼生成同樣漂亮的菜單效果，在今天的這個(gè)簡(jiǎn)單教程中，我們將帶領(lǐng)大家使用jQuery的background-position插件來開發(fā)漂亮的導(dǎo)航條效果，希望大家喜歡！

相關(guān)插件：

jQuery background-position

主要思路

在這個(gè)特效中，我們使用jQuery的background-position插件來動(dòng)畫背景的位置來達(dá)到背景變化的特效。你可以使用正負(fù)的背景圖片坐標(biāo)位置來定義動(dòng)畫的過程，注意這里你需要自己創(chuàng)建一個(gè)合適的背景圖片來加強(qiáng)這種動(dòng)畫效果。


詳情請(qǐng)下載附件

jqueryflash效果