Свои Alert окона при помощи CSS и jQuery By Владимир Погодин (VoVcHiK)
|
1 2 3 4 5 |
<div onclick="valertclose()" class="alerts"></div> <script> function valert(alert){$(".alerts").html(alert).show();} function valertclose(){$(".alerts").html("").hide();} </script> |
|
1 |
.alerts{color:black;z-index:9999999999999;display:none;background:#CECECE;border:#000 solid;bottom:0;height:150px;left:0;margin:auto;padding:10px;position:fixed;right:0;text-align:center;top:0;width:350px} |
|
1 2 3 |
<script> valert("Размер документа: "+ document.body.offsetWidth +"x"+ document.body.offsetHeight); </script> |
Автор публикации
Комментарии: 6Публикации: 4Регистрация: 05-07-2015
классный лаконичный скрипт для многих сайтов вполне достаточно, да и не будет грузить сильно сайт, навести чуток красоты добавить кнопку закрытия, может поменять .show на .fadeIn(1000) и будет супер
.hide()
.show()
.slideUp()
.slideDown().
.fadeIn()
.fadeOut()
можно любой эффект использовать)
Можно ещё CSS3 эффекты прикрутить. Меньше ЦПУ едят и внешне намного круче можно организовать 🙂
да css3 довольно классно помню был скрипт модальных окон красные такие там вроде как раз css3 использовался