好东西要分享

苹果maccms V10播放器悬浮代码教程

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

<style type=“text/css”> .in { animation: ac 1s; } .out { position: fixed; bottom: 50%;(播放器位置) right: 1%;(播放器位置) z–index:999; animation: an 0.5s; } </style>
<script>window.jQuery || document.write('<script src="https://cdn.staticfile.org/jquery/1.11.0/jquery.min.js"></script>')</script>
<script type="text/javascript">   window.onload=function(){ var ha = ($('.MacPlayer').find('table').offset().top +$('.MacPlayer').find('table').height()); $(window).scroll(function(){ if ( $(window).scrollTop() > ha ) {$('.MacPlayer').find('table').removeClass('in').addClass('out');$('.MacPlayer').find('table').css('height','200px');(播放器大小) $('.MacPlayer').find('table').css('width','350px');(播放器大小) } else if ( $(window).scrollTop() < ha) { $('.MacPlayer').find('table').removeClass('out').addClass('in');$('.MacPlayer').find('table').css('height','100%'); } }); }  </script>

相关推荐

  • 暂无文章

评论 抢沙发

评论前必须登录!