我有一个客户想要在他们的网站上使用特定功能,但我有点难过如何做到这一点。
基本上,如果您查看他们现有的网站,您可以看到 4 个圆形按钮。
他们想要的是当有人将鼠标悬停(或点击,如果使用 iPad)在下面的文本行中的一个按钮上时,当前显示为“专业手语翻译、咨询和物流”,更改为其他内容。
例如,如果他们将鼠标悬停在“给我们打电话”按钮上,“专业手语翻译、咨询和物流”将变为“给我们打电话:+44(0) 999 999 9999”
最好的方法是什么?
编辑
我目前正在使用我在另一个线程上找到的这段代码;
$('.button').bind('hover', function() {
// suppose <a id='about' class='menu'> tag
$('p.tagline').hide(); // hide all texts
$('#tag-' + this.id).show(); // show the one with id=text-about
});
哪个工作正常。
有没有办法让它在点击或悬停时工作,并可能淡入/淡出而不是仅仅切换?
非常感激任何的帮助。