本文資訊來源網址:http://wange.im/mouseover-link-slide-for-wordpress.html

透過 jQuery 可以讓連結文字在滑鼠移到時有平移的效果,實際效果可點擊本篇文章的標題文字連結。

首先在開啟佈景主題的header.php在< / head >之前加入以下語法,其中第一段如果你之前已有使用其他的jQuery效果就不用再累加了。



在第二段中的 .entry-title a 是你想使用特效的連結文字之class名稱,例如以下這段:

所以就是輸入 newstitle a 就可以達到你想要的效果了,如果想要多個不同class名稱的話就以逗號來分隔,例如: .newstitle a, .entry-title a

PS: 如果你有安裝 fancybox for wordpress 2.7.2 這個外掛的話那第一行的導入語法就不用加了,不然會讓這個外掛失效。

感謝 Life Studio 分享此教學

作者: Mr. 夫

唯有力量才能制衡一切,沒有力量什麼都保護不了,就連自身也難保...

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *