1261人阅读
Y.WindowS基本知识备忘（37）
V.生活知识（50）
添加广告过滤规则（如在firefox的adblock中）：http://blog.csdn.net/js/CsdnDialog.js
去除自己的博客的：添加自定义css
#im_popupWindow_miniMsg{ &&
visibility:hidden; &&
&&相关文章推荐
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
Linux系统与内核群：
WP建站技术群：
访问：2096644次
积分：21276
积分：21276
排名：第362名
原创：340篇
转载：217篇
评论：231条
(1)(1)(2)(1)(2)(1)(2)(3)(2)(2)(1)(7)(4)(4)(2)(4)(1)(4)(1)(2)(5)(3)(8)(5)(5)(9)(4)(1)(1)(1)(1)(1)(4)(1)(1)(2)(1)(2)(9)(16)(1)(41)(68)(53)(4)(40)(53)(24)(28)(83)(7)(1)(12)(15)
(window.slotbydup = window.slotbydup || []).push({
id: '4740881',
container: s,
size: '200,200',
display: 'inlay-fix'JS右下角广告窗口代码(可收缩、展开及关闭)
作者：企鹅
字体：[ ] 类型：转载 时间：
这篇文章主要介绍了JS右下角广告窗口代码,具有浮动显示、可收缩、展开及关闭等功能,涉及javascript针对页面元素属性操作的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
本文实例讲述了JS右下角广告窗口代码。分享给大家供大家参考。具体如下：
这是一款右下角窗口JS代码，完美的右下角，仿新浪博客的右个角弹出窗口，这款Javascript代码在兼容性和操作舒适度方面做的相当不错。调用了几张外部的图片，使用时自行下载吧。
运行效果截图如下：
在线演示地址如下：
具体代码如下：
&!DOCTYPE html PUBLIC "-//W3C//h2D XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/h2D/xhtml1-transitional.h2d"&
&html xmlns="http://www.w3.org/1999/xhtml"&
&meta http-equiv="Content-Type" content="text/ charset=utf-8" /&
* { padding: 0; margin: 0; }
li { list-style: }
body { background: # }
.float_layer { width: 300 border: 1px solid # display: background: # }
.float_layer h2 { height: 25 line-height: 25 padding-left: 10 font-size: 14 color: #333; background: url(images/title_bg.gif) repeat-x; border-bottom: 1px solid # position: }
.float_layer .min { width: 21 height: 20 background: url(images/min.gif) no-repeat 0 position: top: 2 right: 25 }
.float_layer .min:hover { background: url(images/min.gif) no-repeat 0 0; }
.float_layer .max { width: 21 height: 20 background: url(images/max.gif) no-repeat 0 position: top: 2 right: 25 }
.float_layer .max:hover { background: url(images/max.gif) no-repeat 0 0; }
.float_layer .close { width: 21 height: 20 background: url(images/close.gif) no-repeat 0 position: top: 2 right: 3 }
.float_layer .close:hover { background: url(images/close.gif) no-repeat 0 0; }
.float_layer .content { height: 160 overflow: font-size: 14 line-height: 18 color: #666; text-indent: 28 }
.float_layer .wrap { padding: 10 }
&script type="text/javascript"&
function miaovAddEvent(oEle, sEventName, fnHandler)
if(oEle.attachEvent)
oEle.attachEvent('on'+sEventName, fnHandler);
oEle.addEventListener(sEventName, fnHandler, false);
window.onload = function()
var oDiv=document.getElementById('miaov_float_layer');
var oBtnMin=document.getElementById('btn_min');
var oBtnClose=document.getElementById('btn_close');
var oDivContent=oDiv.getElementsByTagName('div')[0];
var iMaxHeight=0;
var isIE6=window.navigator.userAgent.match(/MSIE 6/ig) && !window.navigator.userAgent.match(/MSIE 7|8/ig);
oDiv.style.display='block';
iMaxHeight=oDivContent.offsetH
oDiv.style.position='absolute';
repositionAbsolute();
miaovAddEvent(window, 'scroll', repositionAbsolute);
miaovAddEvent(window, 'resize', repositionAbsolute);
oDiv.style.position='fixed';
repositionFixed();
miaovAddEvent(window, 'resize', repositionFixed);
oBtnMin.timer=
oBtnMin.isMax=
oBtnMin.onclick=function ()
oDivContent, (this.isMax=!this.isMax)?iMaxHeight:0,
function ()
oBtnMin.className=oBtnMin.className=='min'?'max':'min';
oBtnClose.onclick=function ()
oDiv.style.display='none';
function startMove(obj, iTarget, fnCallBackEnd)
if(obj.timer)
clearInterval(obj.timer);
obj.timer=setInterval
function ()
doMove(obj, iTarget, fnCallBackEnd);
function doMove(obj, iTarget, fnCallBackEnd)
var iSpeed=(iTarget-obj.offsetHeight)/8;
if(obj.offsetHeight==iTarget)
clearInterval(obj.timer);
obj.timer=
if(fnCallBackEnd)
fnCallBackEnd();
iSpeed=iSpeed&0?Math.ceil(iSpeed):Math.floor(iSpeed);
obj.style.height=obj.offsetHeight+iSpeed+'px';
((window.navigator.userAgent.match(/MSIE 6/ig) && window.navigator.userAgent.match(/MSIE 6/ig).length==2)?repositionAbsolute:repositionFixed)()
function repositionAbsolute()
var oDiv=document.getElementById('miaov_float_layer');
var left=document.body.scrollLeft||document.documentElement.scrollL
var top=document.body.scrollTop||document.documentElement.scrollT
var width=document.documentElement.clientW
var height=document.documentElement.clientH
oDiv.style.left=left+width-oDiv.offsetWidth+'px';
oDiv.style.top=top+height-oDiv.offsetHeight+'px';
function repositionFixed()
var oDiv=document.getElementById('miaov_float_layer');
var width=document.documentElement.clientW
var height=document.documentElement.clientH
oDiv.style.left=width-oDiv.offsetWidth+'px';
oDiv.style.top=height-oDiv.offsetHeight+'px';
&body style="height: 2200px"&
&div class="float_layer" id="miaov_float_layer"&
&strong&这是标题&/strong&
&a id="btn_min" href="javascript:;" class="min"&&/a&
&a id="btn_close" href="javascript:;" class="close"&&/a&
&div class="content"&
&div class="wrap"&
这里放置的是广告信息，你可以填入任何的广告内容，比如像这样：&strong&脚本之家是国内专业的网站建设资源、脚本编程学习类网站，提供asp、php、asp.net、javascript、jquery、vbscript、dos批处理、网页制作、网络编程、网站建设等编程资料&/strong&脚本特效下载地址：&address&http://www.jb51.net/jiaoben/&/address&
希望本文所述对大家的javascript程序设计有所帮助。
您可能感兴趣的文章:
大家感兴趣的内容
12345678910
最近更新的内容
常用在线小工具}