上部分隐藏。
});

  var x,y;
  var i=0;
  $(".tit").mousedown(function(e){
   i=1;
   x = e.pageX-parseInt($("#box-iframe").css("left"));
   y = e.pageY-parseInt($("#box-iframe").css("top"));
   $("#box-iframe").fadeTo(200, 0.5);
  })
  $(document).mousemove(function(e){
   if(i == 1){
    x2 = e.pageX - x;
    y2 = e.pageY - y;
    if(x2 < 0){x2 = 0;}
    if(x2 > $(window).width()){x2 = $(window).width();}
    if(y2 < 0){y2 = 0;}
    if(y2 > $(window).height()){y2 = $(window).height();}
    $("#box-iframe").css({top:y2,left:x2});
   }
  }).mouseup(function(){ 
    i=0; 
    $("#box-iframe").fadeTo(200, 1);
   })
 })
 //拖拽窗口end
 
	window.onload=function(){
	var ha = ($('#box-iframe').offset().top + $('#box-iframe').height());
	    console.log(ha);
	
    $(window).scroll(function(){ 
    	console.log(ha);
			if ( $(window).scrollTop() > ha ) { 
				$('#box-iframe').removeClass('in').addClass('out');   
			    //$('#fed-play-iframe').css('bottom','500px');    
			    // $('#fed-play-iframe').css('bottom','0');
          if($('#box-iframe').css('width')=='700px' )
          {
            $('#box-iframe').css('height','400px');
          }
          else
          {
            if($('#box-iframe').css('width') == ($(window).width())+'px')
            {
              $('#box-iframe').css('height',($(window).width())/1.75+'px');
            }
            else
            {
              $('#box-iframe').css('height','200px');
            }
          }
			       
			       //$('#box-iframe').css('margin-top','100px'); 
			} else if ( $(window).scrollTop() < ha) {  
			    $('#box-iframe').removeClass('out').addClass('in'); 
			    $('#box-iframe').css('height','100%');
			    //$('#box-iframe').css('margin-top','0px');
			} 

		});
}
</script>

苹果CMSV10视频播放窗口悬浮画中画源码-第1张图片


将以上代码插入大橙子模板文件的\vfed\html\public\include.html 

其它模板自行查看位置。

窗口可悬浮,可放大 可随意拖动。

部分代码被隐藏 ,我打包在一起了,需要的联系我,其它地方卖 100多呢 。

文章版权及转载声明:

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

分享到:

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

支付宝扫一扫打赏

微信扫一扫打赏

发表评论

快捷回复:

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

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