苹果cmsV10添加悬浮播放器教程

苹果cmsV10添加悬浮播放器 添加后当用户下滑后就可以这样

苹果cmsV10添加悬浮播放器添加后当用户下滑后就可以这样 找到你模板路径下的include.html文件，一般在模板目录的block或者

1. <class=“EnlighterJSRAW” data-enlighter-language=“css”><style type=“text/css”>
2. .in {
3. animation: ac 1s;
4. }
5.  
6. .out {
7. position: fixed;
8. bottom: 50%;(播放器位置)
9. right: 1%;(播放器位置)
10. z–index: 999;
11. animation: an 0.5s;
12. }
13. </style>
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.  
23. } else if ( $(window).scrollTop() < ha) {
24. $(‘.MacPlayer’).find(‘table’).removeClass(‘out’).addClass(‘in’);
25. $(‘.MacPlayer’).find(‘table’).css(‘height’,‘100%’);
26. }
27. });
28. }
29. </script>

有些模板则需要加入以下JS 请自测（JS文件请自行去DPlayer提取）

1. <class=“EnlighterJSRAW” data-enlighter-language=“css”><script>window.jQuery || document.write(‘<script src=”/macplus/js/jquery-1.11.0.min.js”></script>