苹果cmsV10播放器悬浮教程

苹果cmsV10播放器悬浮教程
在你的模板目录下template/模板名称/html/index的include.html里加入如下代码:

  1. <style type="text/css">
  2. .in {
  3. animation: ac 1s;
  4. }
  5. .out {
  6. position: fixed;
  7. bottom: 50%;(播放器位置)
  8. right: 1%;(播放器位置)
  9. z-index: 999;
  10. animation: an 0.5s;
  11. }
  12. </style>
  13. <script>window.jQuery || document.write('<script src="/macplus/js/jquery-1.11.0.min.js"></script>')</script>
  14. <script type="text/javascript">
  15. window.onload=function(){
  16. var ha = ($('.MacPlayer').find('table').offset().top + $('.MacPlayer').find('table').height());
  17. $(window).scroll(function(){
  18. if ( $(window).scrollTop() > ha ) {
  19. $('.MacPlayer').find('table').removeClass('in').addClass('out');
  20. $('.MacPlayer').find('table').css('height','200px');(播放器大小)
  21. $('.MacPlayer').find('table').css('width','350px');(播放器大小)
  22. } else if ( $(window).scrollTop() < ha) {
  23. $('.MacPlayer').find('table').removeClass('out').addClass('in');
  24. $('.MacPlayer').find('table').css('height','100%');
  25. }
  26. });
  27. }
  28. </script>
  • 有些模板可能没在include.html这个文件里清自行查找!

HG源码 » 苹果cmsV10播放器悬浮教程