本文作者:职业编辑

苹果cmsV10播放器悬浮代码教程

职业编辑 5个月前 ( 07-13 ) 1495 抢沙发 百度已收录
苹果cmsV10播放器悬浮代码教程摘要: 在你的模板目录下template/模板名称/html/index的include.html里加入如下代码: <style type="text/...

苹果cmsV10播放器悬浮代码教程-第1张图片

在你的模板目录下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%');
			} 
		});
}
</script>

有些模板可能没在include.html这个文件里清自行查找!


jquery-1.11.0.min.js文件下载请到DPlayer播放器官方下载,也可以找我索取

存放路径:

/模板目录/js/jquery-1.11.0.min.js

不会加的可以联系我有偿服务!QQ:407174330

演示地址:www.cnvdy.com

文章版权及转载声明:

作者:职业编辑本文地址:https://talkw.cn/post/335.html发布于 5个月前 ( 07-13 )
文章转载或复制请以超链接形式并注明出处维特技术网

分享到:
赞(1

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

发表评论

快捷回复:

评论列表 (暂无评论,1495人围观)参与讨论

还没有评论,来说两句吧...