【问题标题】:Wordpress, Divi, Image replace on hoverWordpress,Divi,悬停时图像替换
【发布时间】:2016-10-18 12:21:22
【问题描述】:

寻找我可以插入的代码 使用图片制作一个巨大的交互按钮

我正在使用 word press 中的 divi 代码模块。我希望能够在鼠标悬停时与另一个图像交换图像。当鼠标关闭时,也会以相当快的淡入淡出变回来。 (我将插入图像 Urls )。

我还希望图像链接到一个网址(我会添加这个,再次说明代码中的位置,即 |你的网址在这里|)。

对于带有触摸屏的移动设备或设备,我希望在点击图像时将第一个图像更改为第二个图像,然后重定向到相同的网址

任何帮助将不胜感激:)

【问题讨论】:

    标签: javascript jquery html css wordpress


    【解决方案1】:

    观看我的密码笔:http://codepen.io/tobiasglaus/pen/wzYZAP

    background: url('http://www.hutui6.com/data/out/102/66775709-image-wallpapers.jpg');
    

    我在 css 中设置了一个背景图片,它会在悬停时改变...

    在移动设备上,点击时会自动出现悬停效果,所以是一样的。

    【讨论】:

    • 谢谢,尝试插入,只是作为文本出现。我认为这样做是可行的,但我缺少部分代码
    • 对不起,我对代码不太了解,这是一种不同的代码语言吗?
    • 去我的链接...在那里自我解释
    【解决方案2】:

    做了更多的挖掘,这里是如何做到的。使用 HTML

        <a class="ds-hover-1" href="(LINK URL)"><img src="(NORMAL IMAGE URL)"onmouseover="this.src='(OVERLAY IMAGE URL)'" onmouseout="this.src='(NORMAL IMAGE URL)'"></a>
    

    P.S 我写过的第一行 Html 哈哈 现在正在研究如何进行淡入淡出

    【讨论】:

      猜你喜欢
      • 2014-06-18
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2015-03-09
      • 1970-01-01
      • 2015-11-08
      相关资源
      最近更新 更多