krot

Форма left banner

Jan 26th, 2016
71
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <style>
  2. .form2dir{
  3. background-color:#fff;
  4. z-index: 999;
  5. left: 5px;
  6. position: fixed !important;
  7. bottom:5px;
  8. display:none;
  9. box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.24), 0px 5px 35px 0px rgba(0, 0, 0, 0.3);
  10. }
  11. .form2close{
  12. position: absolute;
  13. top:5px;
  14. right:10px;
  15. opacity: 0.4;
  16. font-size:80%;
  17. cursor:pointer;
  18. }
  19. .form2close:hover{opacity: 0.9;}
  20. .form2open{
  21. height:32px;
  22. width:32px;
  23. background:url('/images/img.png') no-repeat center center;
  24. position:fixed;
  25. left:0;
  26. bottom:0;
  27. }
  28. </style>
  29. <div class="form2open"> </div>
  30. <script>
  31. $("body").on("click", ".form2close", function () {
  32. $('.form2dir').css('display','none');
  33. $('.form2open').css('display','block');
  34. });
  35. $('.form2open').hover(
  36. function(){
  37. $('.form2dir').css('display','block');
  38. $('.form2open').css('display','none');
  39. },
  40. function(){
  41. });
  42. </script>
  43.  
  44. <div class="form2dir">
  45. <a class="form2close">x</a>
RAW Paste Data