You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

58 lines
1014 B

3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
  1. <style type="text/css">
  2. .sucIndex{
  3. width: 100%;
  4. height: 100%;
  5. }
  6. .sucIndex img{
  7. width: 100%;
  8. height: 100%;
  9. }
  10. .sucIndex .shi{
  11. width: 6.35rem;
  12. height: 2.71rem;
  13. position: absolute;
  14. left: 50%;
  15. top:50%;
  16. transform: translate(-50%,-50%);
  17. overflow: hidden;
  18. }
  19. .sucIndex .shi img{
  20. margin-left: -6.35rem;
  21. }
  22. .sucIndex .deepBtn{
  23. width: 3.44rem;
  24. height: .83rem;
  25. position: absolute;
  26. left: 50%;
  27. bottom: 10%;
  28. transform: translateX(-50%);
  29. display: none;
  30. }
  31. .sucIndex .deepBtn img{
  32. width: 100%;
  33. height: 100%;
  34. }
  35. </style>
  36. <div class="sucIndex">
  37. <p class="bgm"><img src="img/success/bgm.png" /></p>
  38. <div class="shi">
  39. <img src="img/success/word.png"/>
  40. </div>
  41. <div class="deepBtn">
  42. <img src="img/success/again.png"/>
  43. </div>
  44. </div>
  45. <script type="text/javascript">
  46. $('.shi img').animate({
  47. 'margin-left':'0'
  48. },8000)
  49. setTimeout(function(){
  50. $('.deepBtn').fadeIn(1000)
  51. },8000)
  52. $('.deepBtn').click(function(){
  53. window.location.reload();
  54. })
  55. </script>