苹果cmsV10模板开发悬浮播放器

在你的模板目录下template/模板名称/html/index的include.html里加入如下代码:

<styletype="text/css">
.in{
animation:ac1s;
}
.out{
position:fixed;
bottom:50%;(播放器位置)
right:1%;(播放器位置)
z-index:999;
animation:an0.5s;
}
</style>
<script>window.jQuery||document.write('<scriptsrc="/macplus/js/jquery-1.11.0.min.js"><\/script>')</script>
<scripttype="text/javascript">
window.onload=function(){
varha=($('.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');(播放器大小)
}elseif($(window).scrollTop()<ha){
$('.MacPlayer').find('table').removeClass('out').addClass('in');
$('.MacPlayer').find('table').css('height','100%');
}
});
}
版权声明

   站内部分内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供网络资源分享服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请 联系我们 一经核实,立即删除。并对发布账号进行永久封禁处理。在为用户提供最好的产品同时,保证优秀的服务质量。


本站仅提供信息存储空间,不拥有所有权,不承担相关法律责任。

给TA打赏
共{{data.count}}人
人已打赏
网站技巧

网站源码在哪看

2024-9-19 20:02:21

网站技巧

苹果CMSv10模板制作视频字段大全

2024-9-27 11:02:39

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索