Горизонтальное меню с эффектами на CSS3 и jQuery
1 |
<link rel="stylesheet" type="text/css" href="/css/style.css"/> |
1 2 |
<link rel="stylesheet" type="text/css" href="/css/style.css"/> <script type="text/javascript" src="/js/script.js"></script> |
2#: Следующий код в то место, где будет само меню: 1) Для версии на CSS3:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 |
<ul class="social" id="css3"> <li class="delicious"> <a href="#"><strong>Delicious</strong></a> </li> <li class="digg"> <a href="#"><strong>Digg</strong></a> </li> <li class="facebook"> <a href="#"><strong>Facebook</strong></a> </li> <li class="flickr"> <a href="#"><strong>Flickr</strong></a> </li> <li class="linkedin"> <a href="#"><strong>LinkedIn</strong></a> </li> <li class="reddit"> <a href="#"><strong>Reddit</strong></a> </li> <li class="rss"> <a href="#"><strong>RSS</strong></a> </li> <li class="twitter"> <a href="#"><strong>Twitter</strong></a> </li> </ul> <br clear="all"> |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 |
<ul class="social" id="jquery"> <li class="delicious"> <a href="#"><strong>Delicious</strong></a> </li> <li class="digg"> <a href="#"><strong>Digg</strong></a> </li> <li class="facebook"> <a href="#"><strong>Facebook</strong></a> </li> <li class="flickr"> <a href="#"><strong>Flickr</strong></a> </li> <li class="linkedin"> <a href="#"><strong>LinkedIn</strong></a> </li> <li class="reddit"> <a href="#"><strong>Reddit</strong></a> </li> <li class="rss"> <a href="#"><strong>RSS</strong></a> </li> <li class="twitter"> <a href="#"><strong>Twitter</strong></a> </li> </ul> |