基本上我有6张图片和6个文本链接到他们
我做过css悬停在图片上(彩色版本-> on hover ->黑白版本)
和文本链接(悬停->上的黑色字体->和红色字体)
当我在链接上悬停时-图片正在获得悬停版本(B&W),这是可以的,但这只在这个方向上起作用,当我在图片上悬停时,在相反的方向上-文本链接保持不变(黑色字体)
这就是我的问题,如何将这两个元素(文本链接和图片)连接起来?
下面是我的代码:
HTML
<ul class="menu">
li class="element_1"><a href
我想在悬停第一张图片时显示第二张图片,第二张图片路径在data-alt-src中
使用此函数,我交换了img标记的src以显示第二张图像
var sourceSwap = function () {
var $this = jqr(this);
var newSource = $this.data('alt-src');
if (newSource != ''){
$this.css("background-image",$this.attr('src'));
$this
我需要幻灯片导航菜单作为图片。在示例中,我有rtl菜单和正常菜单的五个图像,以及悬停/单击菜单的五个图像(精灵)。
1- if user hover image1 of menu幻灯片图像并显示image1的降级。(使用CSS)
2- if user mouseover image1 of menu幻灯片图像并显示image1的降级。(使用Jquery/动画效果)
还有比这更好的方法吗?CSS?Jquery?CSS+JQUERY?有任何示例/帮助代码吗?
正常:
悬停并单击时:
谢谢。