站长资源变现入口 全国楼凤小姐姐 招商联系客服 招商联系客服 招商联系客服 招商联系客服

苹果cms播放器跟随移动方法

[复制链接]
查看159 | 回复0 | 2024-9-11 11:21:13 | 显示全部楼层 |阅读模式
在你的模板目录下template/模板名称/html/index的include.html里加入如下代码:
添加完成保存,苹果cms最好清楚下缓存,刷新前台查看效果
<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添加没效果不行,就去找下播放器位置,很好找。毕竟主题文件都不多。

回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则