关于wordpress导航页使用鼠标悬停效果

Leave a comment

添了个一键上拉的按钮

加了留言的链接,这个实际效果还是达不到我想要的,试了很多方法还是不行,wordpress的模板真的想让人骂街。。。

最后,我试着做了一个鼠标悬停图片显示的效果,没想到真的做出来了!

不过有一个问题还是没有解决,我只打算在第一级navi使用悬停效果,但可能是因为使用了menu的缘故,它整个子页面全部适用了(囧)

分享下代码(直接扔自定义里的额外CSS里就行)

  1. .menu-item-5777 a:hover {  
  2.  background:url(" ") no-repeat ; background-size:40px; width:50px;background-position:center; text-indent:-9999px; }  

我觉得理论上只显示第一级是可以做到的,只要能找到定位的id就行了。不过我的第一级导航都是超链接,具体以后慢慢再研究吧,如果有知道的烦请赐教。

当然还有个土办法。。那就是索性把后面2,3级导航全做个图片放上去。。。噗,画面太美不敢看

那么问题又来了,我做这个出来干什么呢

当然是为了好玩啊,我抠图瘾又犯了,我看着心里高兴

发表评论

电子邮件地址不会被公开。 必填项已用*标注