播放器右下角悬浮
在你的模板目录下template/模板名称/html/index的include.html里加入如下代码:
有些模板可能没在include.html这个文件里清自行查找!
有些模板可能没在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%');
}
});
}
文章由官网发布,如若转载,请注明出处:http://www.23ziyi.com/archives/42.html
747
发表评论
热门文章
【资源】霹雳布袋戏,全集网盘4.2w 阅读
![请输入图片描述][1] [scode] 霹....
![请输入图片描述][1] ``` 0....
霹雳布袋戏老剧1080P资源【天翼云】6.9k 阅读
[scode]整理发给各位,没有加任何水印的MP4....
JS反调试技术随笔记录-防止非法用户调试网页运行流程2.3k 阅读
[scode]1.Debugger断点调试 在C....
能量魔法巨无霸
2023年01月13日
请问诸位道友,80、90、和00后的老剧集怎么找啊?拜谢了