javascript. Библиотека Javascript SE@RCHER. Избранные примеры 2012 года Автосмена фото (калейдоскоп) [ jQuery ]

Javascript + CSS:: • блок • текст • линк • меню • фото • окно • кнопка • фон

ПРИМЕРЫ 2012 года

<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=windows-1251"> <title>Блок с закругленными углами через CSS3 </title> <style type="text/css"> .hintBox { width:400px; background-color: #FFFFCC; border: 4px solid #F69465; padding: 6px; border-radius:8px; box-shadow: 0 1px 3px #666666; behavior: url(border-radius.htc); -moz-box-shadow: 10px 10px 20px #000; -webkit-box-shadow: 10px 10px 20px #000; box-shadow: 10px 10px 20px #000; behavior: url(ie-css3.htc); } .hintBox2 { margin-top:20px; width:100px; background-color: #FFFFCC; border: 2px solid #F69465; padding: 1px; border-radius:4px; box-shadow: 0 1px 3px #666666; behavior: url(border-radius.htc); -moz-box-shadow: 2px 2px 4px #000; -webkit-box-shadow: 2px 2px 4px #000; box-shadow: 2px 2px 4px #000; behavior: url(ie-css3.htc); cursor:pointer; text-align:center; } .hintBox2:hover { margin-top:20px; width:100px; color:green; border: 2px solid #000000; padding: 1px; border-radius:4px; box-shadow: 0 1px 3px #666666; behavior: url(border-radius.htc); -moz-box-shadow: 2px 2px 4px #000; -webkit-box-shadow: 2px 2px 4px #000; box-shadow: 2px 2px 4px #000; behavior: url(ie-css3.htc); cursor:pointer; text-align:center; } </style> </head> <body> <p> <a href="http://validator.w3.org/check?uri=referer"><img src="http://www.w3.org/Icons/valid-html401" alt="Valid HTML 4.01 Strict" height="31" width="88"></a> </p> <div class="hintBox" style="margin-bottom:30px; padding-top:20px;"> <p style="font-size:120%; text-align:center;">Блок с закругленными углами и тенью через CSS3 + <a href="border-radius.htc"> border-radius.htc</a> <a href="ie-css3.htc">ie-css3.htc</a></p> </div> <div class="hintBox2">КНОПКА</div>  <script type="text/javascript" > (function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)}; m[i].l=1*new Date();k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)}) (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym"); ym(53156500, "init", { clickmap:true, trackLinks:true, accurateTrackBounce:true, webvisor:true }); </script> <noscript><div><img src="https://mc.yandex.ru/watch/53156500" style="position:absolute; left:-9999px;" alt="" /></div></noscript> </body> </html>

ie-css3.htc

архив javascript + CSS :: • до 2005 • 2006 • 2007 • 2008 • 2009 • 2010 • 2011

ПРИМЕРЫ 2012 года

ПРИМЕРЫ 2012 года

ПРИМЕРЫ 2012 года

поиск javascript на сайте через Yandex

поиск javascript на сайте через Yandex

поиск javascript на сайте через Yandex