百度留言本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类库D
Oct 24 Javascript
Knockoutjs快速入门(经典)
Dec 24 Javascript
jquery Moblie入门—hello world的示例代码学习
Jan 08 Javascript
模拟电子签章盖章效果的jQuery插件源码
Jun 24 Javascript
javascript实现校验文件上传控件实例
Apr 20 Javascript
JavaScript+html5 canvas实现图片破碎重组动画特效
Feb 22 Javascript
JS加载器如何动态加载外部js文件
May 26 Javascript
如何使用bootstrap框架 bootstrap入门必看!
Apr 13 Javascript
解决Linux无法正常安装与卸载Node.js的方法
Jan 19 Javascript
JS简单添加元素新节点的方法示例
Feb 10 Javascript
使用electron制作满屏心特效的示例代码
Nov 27 Javascript
angular6根据environments配置文件更改开发所需要的环境的方法
Mar 06 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
生成php程序的php代码
2008/04/07 PHP
用PHP进行MySQL删除记录操作代码
2008/06/07 PHP
PHP 程序员也要学会使用“异常”
2009/06/16 PHP
php 判断是否是中文/英文/数字示例代码
2013/09/30 PHP
Laravel框架路由和控制器的绑定操作方法
2018/06/12 PHP
Javascript 判断Flash是否加载完成的代码
2010/04/12 Javascript
jquery之超简单的div显示和隐藏特效demo(分享)
2013/07/09 Javascript
jQuery中的read和JavaScript中的onload函数的区别
2014/08/27 Javascript
HTML,CSS,JavaScript速查表推荐
2014/12/02 Javascript
JS日期格式化之javascript Date format
2015/10/01 Javascript
AngularJs bootstrap搭载前台框架——基础页面
2016/09/01 Javascript
js实现显示手机号码效果
2017/03/09 Javascript
JavaScript使用prototype原型实现的封装继承多态示例
2018/08/31 Javascript
Vue自定义全局Toast和Loading的实例详解
2019/04/18 Javascript
微信小程序合法域名配置方法
2019/05/06 Javascript
Vue2.x通用编辑组件的封装及应用详解
2019/05/28 Javascript
微信小程序自定义头部导航栏和导航栏背景图片 navigationStyle问题
2019/07/26 Javascript
JS防抖和节流实例解析
2019/09/24 Javascript
es6中Promise 对象基本功能与用法实例分析
2020/02/23 Javascript
基于react项目打包css引用路径错误解决方案
2020/10/28 Javascript
[50:45]2018DOTA2亚洲邀请赛 4.6 淘汰赛 VP vs TNC 第一场
2018/04/10 DOTA
django实现前后台交互实例
2017/08/07 Python
python写入并获取剪切板内容的实例
2018/05/31 Python
centos 安装Python3 及对应的pip教程详解
2019/06/28 Python
Python爬虫库requests获取响应内容、响应状态码、响应头
2020/01/25 Python
解决pycharm导入本地py文件时,模块下方出现红色波浪线的问题
2020/06/01 Python
美国第二大连锁书店:Books-A-Million
2017/12/28 全球购物
台湾旅游网站:灿星旅游
2018/10/11 全球购物
铁路工务反思材料
2014/02/07 职场文书
莫言诺贝尔获奖演讲稿
2014/05/21 职场文书
项目负责人任命书
2014/06/04 职场文书
2015年上半年信访工作总结
2015/03/30 职场文书
2015年派出所工作总结
2015/04/24 职场文书
幼儿园开学家长寄语(2016秋季)
2015/12/03 职场文书
2016年社区国庆节活动总结
2016/04/01 职场文书
USB TYPE-C 或将成为所有智能手机充电标准
2022/04/21 数码科技