您现在的位置是：首页 > 苹果CMS教程苹果CMS教程

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

2025-11-18【苹果CMS教程】人已围观

简介

在你的模板目录下template/模板名称/html/index的include.html里加入如下代码：添加完成保存，苹果cms最好清楚下缓存，刷新前台查看效果<style type="text/cs

在你的模板目录下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添加没效果不行，就去找下播放器位置，很好找。毕竟主题文件都不多。

Tags：苹果CMS教程

很赞哦！ ()

上一篇：苹果CMS对接微信公众号教程

下一篇：苹果cms站内搜索显示下拉菜单方法

相关文章

随机图文

文章评论