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

2014年12月26日09:45:45 评论 890 次浏览

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

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

下面是代码:

<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图片下载:浮动于网页右下角的视频窗口 可关闭

 

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

 

继续阅读
weinxin
加我微信
微信扫一扫,加我微信好友,共同交流,共同进步! (备注:焦国强博客)
匿名

发表评论

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: