使用jQuery background-position插件來創(chuàng)建超酷的導(dǎo)航條效果
使用jQuery background-position插件來創(chuàng)建超酷的導(dǎo)航條效果
2012-9-10 11:15 上傳
點擊文件名下載附件
在過去的web開發(fā)和設(shè)計中,大家往往使用flash來創(chuàng)建炫酷的菜單效果,隨著js和web技術(shù)的發(fā)展,現(xiàn)在大家可以使用簡單的javascript代碼生成同樣漂亮的菜單效果,在今天的這個簡單教程中,我們將帶領(lǐng)大家使用jQuery的background-position插件來開發(fā)漂亮的導(dǎo)航條效果,希望大家喜歡!
相關(guān)插件:
jQuery background-position
主要思路
在這個特效中,我們使用jQuery的background-position插件來動畫背景的位置來達(dá)到背景變化的特效。你可以使用正負(fù)的背景圖片坐標(biāo)位置來定義動畫的過程,注意這里你需要自己創(chuàng)建一個合適的背景圖片來加強這種動畫效果。
詳情請下載附件