2015-08-28 9 views
-1

Может ли кто-нибудь дать мне подсказку, как отредактировать кнопку «Часы работы», чтобы иметь эффект, подобный другой кнопке: «свяжитесь с нами». Оба на кнопку www.arthanfurniture.co.uk, левый край. Любая подсказка будет очень желанной. В основном кнопка «свяжитесь с нами» - это просто ссылка и должна открыть новую страницу, а также получить прослушиватель для события click для этого элемента 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'}); 
    }); 
}); 

Факс: JSfiddle Link

+0

Проблема в том, что мне нужно что-то вроде эффекта осветительной коробки - затемненный фон вместо: [jsFiddle link] (https://jsfiddle.net/r53464um/) – sensor