国强极客
有问题请加微信:guoqiang7585
国强极客

浮动于网页右下角的视频窗口 可关闭

浮动于网页右下角的视频窗口 可关闭

大家肯定经常看到很多网站右下角都有一个视频窗口,一直是浮动的,不管你怎么拖动网页,这个视频窗口一直都跟随网页滚动,而且还可以关闭,是不是感觉很炫啊,其实代码很简单,本站提供了这个组件的源代码,喜欢的朋友可以下载。

浮动视频窗口

下面是代码:

<style type=”text/css”>
.dibupiaofu {z-index:999; position:fixed; bottom:0; left:0; width:100%; _position:absolute;_top: expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight);overflow:visible;}
.piaofutiao{Z-INDEX: 9999; OVERFLOW: hidden;_POSITION: fixed! important; TEXT-ALIGN: left; width:300px; float:right;line-height:240px; height:258px; }
</style>
<div class=”dibupiaofu” id=”fudongshipin” style=”display:block”>
<div id=”piaofutiao” class=”piaofutiao”>
<div style=”text-align:right”><img src=”images/close.gif” width=”80″ height=”16″ onClick=”javascript:document.getElementById(‘fudongshipin’).style.display=’none'” style=”cursor:pointer” /></div>
<div><embed src=”http://player.youku.com/player.php/sid/XODU1NDAyMzUy/v.swf” allowFullScreen=”true” quality=”high” width=”300″ height=”240″ align=”middle” allowScriptAccess=”always” type=”application/x-shockwave-flash”></embed></div></div></div>

close.gif图片下载:close.gif图片

 

也可以到这个地址下载全部代码及演示:http://www.taianx.com/xiazai/gongneng/509.html

 

赞赏
对内容有疑问,请加我微信:guoqiang7585
# # #
首页      程序开发      前端开发      浮动于网页右下角的视频窗口 可关闭

国强极客

文章作者

博客站长,有问题请加微信【guoqiang7585】。

国强极客

浮动于网页右下角的视频窗口 可关闭
大家肯定经常看到很多网站右下角都有一个视频窗口,一直是浮动的,不管你怎么拖动网页,这个视频窗口一直都跟随网页滚动,而且还可以关闭,是不是感觉很炫啊,其实代码很简单,本站提供了…
扫描二维码继续阅读
2014-12-26