В дополнение к тому, что сказал @PrayagVerma, вы можете использовать отличные сервисы для всех типов ссылок, например ShareThis .
Этот код также работает:
Share in Whatsapp
Вы можете добавить это в свой HTML-код блога. Но моя единственная рекомендация - использовать многие сервисы, доступные в интернете. Это очень просто и полезно для всех видов обмена + никакой код не используется;)
Хотя у меня сложилось впечатление, что для этого они использовали UI Dialog от jQuery, я больше не уверен. Тем не менее, это не так сложно, чтобы взбить это самостоятельно. Попробуйте этот код:
$('.showme').click(function() {
$('.error-notification').remove();
var $err = $('<div>').addClass('error-notification')
.html('<h2>Paolo is awesome</h2>(click on this box to close)')
.css('left', $(this).position().left);
$(this).after($err);
$err.fadeIn('fast');
});
$('.error-notification').live('click', function() {
$(this).fadeOut('fast', function() { $(this).remove(); });
});
С этими стилями:
.error-notification {
background-color:#AE0000;
color:white;
cursor:pointer;
display: none;
padding:15px;
padding-top: 0;
position:absolute;
z-index:1;
font-size: 100%;
}
.error-notification h2 {
font-family:Trebuchet MS,Helvetica,sans-serif;
font-size:140%;
font-weight:bold;
margin-bottom:7px;
}
И нажмите здесь , чтобы увидеть его в действии.
Тем не менее, я думаю, что вам все равно придется немного подправить его, чтобы придать ему правильные позиции в зависимости от ситуации, в которой вы его используете. Я позаботился об этом для левой позиции, потому что она работает для верха, но я думаю, что могут быть ситуации, в которых это не сработает. Учитывая все это, вы должны начать. Если вы хотите более надежную реализацию, вы должны проверить jQuery BeautyTips , который действительно потрясающий и сделает его тривиальным для реализации.
это должно начать вас. Если вы хотите более надежную реализацию, вы должны проверить jQuery BeautyTips , который действительно потрясающий и сделает его тривиальным для реализации. это должно начать вас. Если вы хотите более надежную реализацию, вы должны проверить jQuery BeautyTips , который действительно потрясающий и сделает его тривиальным для реализации.Вы можете использовать библиотеку jQuery в сочетании с пользовательским интерфейсом jQuery для создать диалоги .