苹果cmsV10播放器悬浮教程,来自于网络搜集
在你的模板目录下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="/macplus/js/jquery-1.11.0.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%');
}
});
}
有些模板可能没在include.html这个文件里清自行查找!
常见问题FAQ
- 免费下载或者VIP会员专享资源能否直接商用?
- 本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。
- 提示下载完但解压或打开不了?
- 找不到素材资源介绍文章里的示例图片?
- 搬运狗资源网