Php 更改Wordpress中菜单悬停的背景图像

Php 更改Wordpress中菜单悬停的背景图像,php,jquery,css,wordpress,Php,Jquery,Css,Wordpress,这是我的网站,我正试图让背景图像在菜单项悬停时改变,我正在接近!但是,当我悬停时,菜单消失,切换回原始图像并不像我希望的那样平滑。有没有关于如何改进的想法 jQuerydocument.readyfunction${ //使用rel翻转交换图像 var img_src=$pageimage; var new_src=; $.rollover.hover函数{ //鼠标盖 img_src=$this.attr'src';//获取原始图像 new_src=$this.attr'rel';//抓取滚

这是我的网站,我正试图让背景图像在菜单项悬停时改变,我正在接近!但是,当我悬停时,菜单消失,切换回原始图像并不像我希望的那样平滑。有没有关于如何改进的想法

jQuerydocument.readyfunction${ //使用rel翻转交换图像 var img_src=$pageimage; var new_src=; $.rollover.hover函数{ //鼠标盖 img_src=$this.attr'src';//获取原始图像 new_src=$this.attr'rel';//抓取滚动图像 $this.attr'src',new_src;//交换图像 $this.attr'rel',img_src;//交换图像 }, 作用{ //耗竭 $this.attr'src',img_src;//交换图像 $this.attr'rel',new_src;//交换图像 }; //预加载图像 var cache=新数组; //循环遍历所有滚动元素,并将滚动img src添加到缓存数组中 $.rollover.eachfunction{ var cacheImage=document.createElement'img'; cacheImage.src=$this.attr'rel'; cache.pushcacheImage; }; }jQuery;
您尝试过jQuery吗?基本上,您需要在mouseenter上用jQuery覆盖图像,然后将其切换回mouseout。我很想这样做,但不幸的是,我不知道足够的jQuery来自己编写它。搜索了几个小时…我找到了这个,但我不确定如何将$pageimage合并到其中,也不确定如何将我的链接合并到$this中:您需要使用jQuery选择图像,然后更新该元素的src$这将是悬停函数中的悬停链接。运行一个简单的jQuery教程,您应该能够解决这个问题。玩得开心。为什么没有人愿意在这帮我??!!