2015-08-28 71 views
-1

任何人都可以给我一个线索如何重新设计按钮“开放时间”,以产生类似于另一个按钮的效果:“联系我们”。两个都在www.arthanfurniture.co.uk按钮左边。任何线索都会非常受欢迎。 基本上按钮“联系我们”只是一个链接,应该打开新的页面,但也得到了该id元素的点击事件的监听器。 非常感谢作为灯箱的新页面

+0

看不懂。什么? –

+0

@kumar - 如果你偷看[link](http://www.arthanfurniture.co.uk) - 并点击按钮,我确定你会注意到它们之间的差异。我有问题从哪里开始寻找,我应该问什么。其目的是重新设计,以达到与点击按钮“联系我”后效果相同 – sensor

回答

0

首先声明的HTML,将显示这样的按钮:

<span id="contactme_tab_text">Contact</span> 

通过CSS添加一些样式:

#contactme_tab_text { 
z-index: 10100000003; 
text-indent: -10000px; 
display: block; 
height: 146px; 
width: 40px; 
position: absolute; 
top: 0; 
left: 0; 
background: transparent url(http://buttons.contactme.com/widgets/tab/v1/en/contact-us_left_dark.png?loc…d000200803f&ha=left&va=bottom&tx=Contact%20Us&c=003C68&vid=14f73e4c3d3e59f) top left no-repeat; 
} 

最后一些jQuery的是这样的:

$(document).ready(function() { 
    $("#contactme_tab_text").click(function() { 
    $("#cm_form_outer").css({'display':'block'}); 
    }); 
}); 

Live JSfiddle Link

+0

问题是我需要像灯箱效果 - 灰色背景替代:[jsFiddle链接](https://jsfiddle.net/r53464um/ ) – sensor