Home > JavaScript > Wysuwany Panel

Wysuwany Panel

Dodane przez: piciu
opis:
wysuwany panel z
z możliwością wstawienia własnego kodu
np czata czy shoutboxa

demo (shoutbox) http://darmowyhos...esaba.com/
Kod:
  1.  
  2. <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  3. <style type="text/css" media="screen">
  4. .slide-out-div {
  5. position: relative;
  6. padding: 20px;
  7. width: 448px;
  8. height: 467px;
  9. background: #f2f2f2;
  10. border: #29216d 0px solid;
  11. }
  12. </style>
  13. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" type="text/javascript"></script>
  14. <script src="http://3tool.eu/slider/jquery.tabSlideOut.v1.3.js"></script>
  15. <script>
  16. $(function(){
  17. $('.slide-out-div').tabSlideOut({
  18. tabHandle: '.handle',
  19. pathToTabImage: 'http://darmowyhosting.besaba.com/hosting/images/92433008639795017000.png',
  20. imageHeight: '97px',
  21. imageWidth: '37px',
  22. tabLocation: 'right',
  23. speed: 1000,
  24. action: 'hover',
  25. topPos: '80px',
  26. leftPos: '80px',
  27. fixedPosition: true
  28. });
  29. });
  30. </script>
  31.  
  32. <div class="slide-out-div">
  33. <a class="handle" href="">Content</a>
  34.  
  35. <iframe name="InlineFrame1" id="InlineFrame1" style="position:absolute;width:467px;height:448px;" src="http://dodatkidostron.xaa.pl/yshout/example/yshout.html" scrolling="no" frameborder="0"></iframe>
  36. </div>

©