百度留言本js 大家可以参考下


Posted in Javascript onOctober 13, 2009
window.onresize = baiduResizeDiv; 
window.onerror = function(){} 
var divTop,divLeft,divWidth,divHeight,docHeight,docWidth,objTimer,i = 0; 
var px = document.doctype?"px":0; 
var scrollwidth = navigator.userAgent.indexOf("Firefox")>0?16:0; 
var iframeheight = navigator.userAgent.indexOf("MSIE")>0?170-2:209-2; 
String.prototype.Trim = function(){return this.replace(/^\s+|\s+$/g,"");} 
function baidu_collapse(obj){ 
ct = document.getElementById('tab_c_iframe'); 
if(ct.style.display=="none"){ 
ct.style.display=""; 
obj.src=obj.src.replace("b.gif","a.gif"); 
} else { 
ct.style.display="none"; 
obj.src=obj.src.replace("a.gif","b.gif"); 
} 
baiduResizeDiv(); 
} function baiduMsg() 
{ 
try{ 
divTop = parseInt(document.getElementById("eMeng").style.top,10); 
divLeft = parseInt(document.getElementById("eMeng").style.left,10); 
divHeight = parseInt(document.getElementById("eMeng").offsetHeight,10); 
divWidth = parseInt(document.getElementById("eMeng").offsetWidth,10); 
var scrollPosTop,scrollPosLeft,docWidth,docHeight; 
if (typeof window.pageYOffset != 'undefined') { 
scrollPosTop = window.pageYOffset; 
scrollPosLeft = window.pageXOffset; 
docWidth = window.innerWidth; 
docHeight = window.innerHeight; 
} else if (typeof document.compatMode != 'undefined' && document.compatMode != 'BackCompat') { 
scrollPosTop = document.documentElement.scrollTop; 
scrollPosLeft = document.documentElement.scrollLeft; 
docWidth = document.documentElement.clientWidth; 
docHeight = document.documentElement.clientHeight; 
} else if (typeof document.body != 'undefined') { 
scrollPosTop = document.body.scrollTop; 
scrollPosLeft = document.body.scrollLeft; 
docWidth = document.body.clientWidth; 
docHeight = document.body.clientHeight; 
} 
document.getElementById("eMeng").style.top = parseInt(scrollPosTop,10) + docHeight + 10 + px;// divHeight 
document.getElementById("eMeng").style.left = parseInt(scrollPosLeft,10) + docWidth - divWidth - scrollwidth + px; 
document.getElementById("eMeng").style.visibility="visible"; 
objTimer = window.setInterval("baidu_move_div()",10); 
}catch(e){} 
} 
function baiduResizeDiv() 
{ 
i+=1; 
try{ 
divHeight = parseInt(document.getElementById("eMeng").offsetHeight,10); 
divWidth = parseInt(document.getElementById("eMeng").offsetWidth,10); 
var scrollPosTop,scrollPosLeft,docWidth,docHeight; 
if (typeof window.pageYOffset != 'undefined') { 
scrollPosTop = window.pageYOffset; 
scrollPosLeft = window.pageXOffset; 
docWidth = window.innerWidth; 
docHeight = window.innerHeight; 
} else if (typeof document.compatMode != 'undefined' && document.compatMode != 'BackCompat') { 
scrollPosTop = document.documentElement.scrollTop; 
scrollPosLeft = document.documentElement.scrollLeft; 
docWidth = document.documentElement.clientWidth; 
docHeight = document.documentElement.clientHeight; 
} else if (typeof document.body != 'undefined') { 
scrollPosTop = document.body.scrollTop; 
scrollPosLeft = document.body.scrollLeft; 
docWidth = document.body.clientWidth; 
docHeight = document.body.clientHeight; 
} 
document.getElementById("eMeng").style.top = docHeight - divHeight + parseInt(scrollPosTop,10) + px; 
document.getElementById("eMeng").style.left = docWidth - divWidth + parseInt(scrollPosLeft,10) - scrollwidth + px; 
}catch(e){} 
} 
function baidu_move_div() 
{ 
var scrollPosTop,scrollPosLeft,docWidth,docHeight; 
if (typeof window.pageYOffset != 'undefined') { 
scrollPosTop = window.pageYOffset; 
scrollPosLeft = window.pageXOffset; 
docWidth = window.innerWidth; 
docHeight = window.innerHeight; 
} else if (typeof document.compatMode != 'undefined' && document.compatMode != 'BackCompat') { 
scrollPosTop = document.documentElement.scrollTop; 
scrollPosLeft = document.documentElement.scrollLeft; 
docWidth = document.documentElement.clientWidth; 
docHeight = document.documentElement.clientHeight; 
} else if (typeof document.body != 'undefined') { 
scrollPosTop = document.body.scrollTop; 
scrollPosLeft = document.body.scrollLeft; 
docWidth = document.body.clientWidth; 
docHeight = document.body.clientHeight; 
} 
try{ 
if(parseInt(document.getElementById("eMeng").style.top,10) <= (docHeight - divHeight + parseInt(scrollPosTop,10))) 
{ 
window.clearInterval(objTimer);objTimer = window.setInterval("baiduResizeDiv()",1); 
} 
divTop = parseInt(document.getElementById("eMeng").style.top,10); 
document.getElementById("eMeng").style.top = divTop - 1 + px; 
}catch(e){} 
} 
function baiduMessbox(shape,color,userid){ 
var styles='position:absolute;top:0px;left:0px;z-index:99999;visibility:hidden;'; 
var copic='<img src="gbook/images/ico_'+color+'a.gif" align="absmiddle" class="ioc'+color+'" onClick="baidu_collapse(this)">'; 
if(shape>1) window.onload = baiduMsg; 
else {styles='';copic=''} 
var s; 
if(shape==2) { 
s='<div id=eMeng style="Z-INDEX:99999;LEFT:0px;POSITION:absolute;TOP:0px;VISIBILITY:hidden;">' 
+ '<table width="216" border="0" cellpadding="0" cellspacing="0" class="" id="tab_'+(color+3)+'" style="border:0px;">' 
+'<tr>' 
+'<td align="right"></td>' 
+'</tr>' 
+' <tr>' 
+' <td><table width="100%" border="0" cellspacing="0" cellpadding="0">' 
+' <tr>' 
+' <td width="32" rowspan="2" valign="bottom"><img src="gbook/images/ico'+(color+1)+'.gif"></td>' 
+' <td> </td>' 
+' </tr>' 
+' <tr>' 
+' <td align=right style="font-size:12px; background:url(gbook/images/bg_'+color+'.gif);line-height:21px;height:21px;border-top:1px solid #808080;border-right:1px solid #808080;padding-right:6px;color:#FFFFFF;" onDblClick="baidu_collapse(this.firstChild.nextSibling)"><a href="http://www.xxrblog.cn" target="_blank" style="text-decoration:none"><font color="#FFFFFF">乡下人blog xxrblog.cn</font></a> <img src="gbook/images/ico_'+color+'a.gif" align="absmiddle" class="ioc'+color+'" onClick="baidu_collapse(this)">' 
+' </td>' 
+' </tr>' 
+' </table>' 
+' </td>' 
+' </tr>' 
+'' 
+'' 
+'' 
+'' 
+'' 
+ '</table>' 
+ '<iframe src="gbook/side.html?userid=' +userid+ '" width="216" height="' + iframeheight + '" frameborder="0" id="tab_c_iframe"></iframe>' 
+'<table width="216" border="0" cellspacing="0" cellpadding="3" height="69" style="border-left-width:1px;border-left-style:solid;border-left-color:#000;border-right-width:1px;border-right-style:solid;border-right-color:#000;border-top-width:0;border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:#000000;"><tr><td bgcolor="#FFFFFF"><table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#FFFFFF"><tr><td style="height:3px;"></td></tr></table><table width="100%" border="0" cellpadding="0" cellspacing="0" style="background:#E70010;"><tr><td width="31%" align="center" valign="middle"><img src="gbook/images/kefu.jpg" width="50" height="55" /></td><td><table width="100%" border="0" cellspacing="0" cellpadding="0" style="font-size:12px;color:#FFFFFF;"><tr><td width="38%" height="22" valign="bottom">客服1</td><td width="62%" valign="bottom">客服2</td></tr><tr><td height="22" colspan="2"><a href="tencent://message/?uin=364738883&Site=乡下人blog&Menu=yes"><img src="gbook/images/qq.gif" border="0"/></a> <a href="msnim:chat?contact=24525533@163.com"><img alt="点击给我发MSN消息" src="gbook/images/msn.jpg" border="0"/></a></td></tr><tr><td height="22" colspan="2" valign="top">电话:13930042882</td></tr></table></td></tr></table><table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#FFFFFF"><tr><td style="height:3px;"></td></tr></table><table width="100%" border="0" cellpadding="0" cellspacing="0" style="background:#E70010;"></table></td></tr></table>' 
+'</div>'; 
} else if(shape==3) { 
s='<div id=eMeng style="width:100%;background:#FFFFFF;'+styles+'">' 
+' <table width="100%" border="0" cellpadding="0" cellspacing="0" style="border:1px solid #808080;" id="tab_'+color+'">' 
+' <tr>' 
+' <td colspan="3" align=right style="font-size:12px; background:url(gbook/images/bg_'+color+'.gif);line-height:19px;height:19px;padding-right:6px;color:#FFFFFF;" onDblClick="baidu_collapse(this.firstChild.nextSibling)">留言板'+copic 
+'</tr>' 
+' </tr>' 
+ '</table>' 
+ '<iframe src="bottom.html?userid=' +userid+ '" width="100%" height="85" frameborder="0" id="tab_c_iframe"></iframe>' 
+'</div>'; 
} 
document.writeln(s); 
} 
baiduMessbox(2,1, 849620);
Javascript 相关文章推荐
JavaScript 基础知识 被自己遗忘的
Oct 15 Javascript
jquery1.83 之前所有与异步列队相关的模块详细介绍
Nov 13 Javascript
js自定义方法通过隐藏iframe实现文件下载
Feb 21 Javascript
JavaScript创建一个欢迎cookie弹出窗实现代码
Mar 15 Javascript
JS正则表达式验证数字代码
Jan 28 Javascript
JS批量替换内容中关键词为超链接
Feb 20 Javascript
AngularJS之ionic 框架下实现 Localstorage本地存储
Apr 22 Javascript
详解vue组件通信的三种方式
Jun 30 Javascript
js实现移动端导航点击自动滑动效果
Jul 18 Javascript
详解javascript中的变量提升和函数提升
May 24 Javascript
JavaScript实现简易聊天对话框(加滚动条)
Feb 10 Javascript
React实现评论的添加和删除
Oct 20 Javascript
javascript hashtable实现代码
Oct 13 #Javascript
JavaScript 核心参考教程 内置对象
Oct 13 #Javascript
jQuery Ajax之load()方法
Oct 12 #Javascript
jQuery Ajax之$.get()方法和$.post()方法
Oct 12 #Javascript
JS 文件本身编码转换 图文教程
Oct 12 #Javascript
jQuery 行级解析读取XML文件(附源码)
Oct 12 #Javascript
jquery select选中的一个小问题
Oct 11 #Javascript
You might like
ThinkPHP模板输出display用法分析
2014/11/26 PHP
php使用SAE原生Mail类实现各种类型邮件发送的方法
2016/10/10 PHP
PHP中md5()函数的用法讲解
2019/03/30 PHP
基于jsTree的无限级树JSON数据的转换代码
2010/07/27 Javascript
解决Jquery load()加载GB2312页面时出现乱码的两种方案
2013/09/10 Javascript
js判断undefined类型示例代码
2014/02/10 Javascript
JavaScript二维数组实现的省市联动菜单
2014/05/08 Javascript
Jquery修改页面标题title其它JS失效的解决方法
2014/10/31 Javascript
javascript组合使用构造函数模式和原型模式实例
2015/06/04 Javascript
详解Javacript和AngularJS中的Promises
2016/02/09 Javascript
Js实现简单的小球运动特效
2016/02/18 Javascript
基于javascript实现句子翻牌网页版小游戏
2016/03/23 Javascript
JavaScript奇技淫巧44招【实用】
2016/12/11 Javascript
简单易懂的天气插件(代码分享)
2017/02/04 Javascript
Vue动态修改网页标题的方法及遇到问题
2019/06/09 Javascript
Layer.js实现表格溢出内容省略号显示,悬停显示全部的方法
2019/09/16 Javascript
Vue+axios封装请求实现前后端分离
2020/10/23 Javascript
详解Vue中的watch和computed
2020/11/09 Javascript
[01:59]DOTA2首部纪录片《Free to play》预告片
2014/03/12 DOTA
Python中使用异常处理来判断运行的操作系统平台方法
2015/01/22 Python
Python实现的Google IP 可用性检测脚本
2015/04/23 Python
django通过ajax发起请求返回JSON格式数据的方法
2015/06/04 Python
python 写的一个爬虫程序源码
2016/02/28 Python
详解Python如何生成词云的方法
2018/06/01 Python
用Python实现最速下降法求极值的方法
2019/07/10 Python
django的auth认证,authenticate和装饰器功能详解
2019/07/25 Python
信号生成及DFT的python实现方式
2020/02/25 Python
pytorch中的weight-initilzation用法
2020/06/24 Python
HTML5 Canvas实现360度全景图的示例代码
2018/01/29 HTML / CSS
英国最大的化装舞会服装网站:Fancydress.com
2017/08/15 全球购物
荷兰街头时尚之家:Funkie House
2019/03/18 全球购物
Vita Fede官网:在意大利手工制作,在纽约市设计
2019/10/25 全球购物
优秀大学生推荐信范文
2013/11/28 职场文书
团队经理竞聘书
2014/03/31 职场文书
产品推广策划方案
2014/05/10 职场文书
Python中文纠错的简单实现
2021/07/07 Python