百度留言本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 相关文章推荐
新浪刚打开页面出来的全屏广告代码
Apr 02 Javascript
javascript 单选框,多选框美化代码
Aug 01 Javascript
10个实用的脚本代码工具
May 04 Javascript
javascript学习笔记(二十) 获得和设置元素的特性(属性)
Jun 20 Javascript
深入浅析JavaScript中的scrollTop
Jul 11 Javascript
JS日程管理插件FullCalendar中文说明文档
Feb 06 Javascript
angular实现图片懒加载实例代码
Jun 08 Javascript
angularjs实现猜数字大小功能
May 20 Javascript
Vuex 使用 v-model 配合 state的方法
Nov 13 Javascript
JavaScript中变量提升和函数提升的详解
Aug 07 Javascript
vue中使用mockjs配置和使用方式
Apr 06 Vue.js
前端框架ECharts dataset对数据可视化的高级管理
Dec 24 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
全国FM电台频率大全 - 15 山东省
2020/03/11 无线电
聊天室php&amp;mysql(二)
2006/10/09 PHP
php反弹shell实现代码
2009/04/22 PHP
php三维数组去重(示例代码)
2013/11/26 PHP
IE中createElement需要注意的一个问题
2010/07/13 Javascript
javaScript 删除字符串空格多种方法小结
2012/10/24 Javascript
纯JS实现根据CSS的class选择DOM
2014/03/22 Javascript
javascript框架设计读书笔记之数组的扩展与修复
2014/12/02 Javascript
JS封装的选项卡TAB切换效果示例
2016/09/20 Javascript
基于javascript的异步编程实例详解
2017/04/10 Javascript
NodeJS、NPM安装配置步骤(windows版本) 以及环境变量详解
2017/05/13 NodeJs
angular中的cookie读写方法
2017/08/02 Javascript
如何根据业务封装自己的功能组件
2019/04/19 Javascript
详解微信小程序-canvas绘制文字实现自动换行
2019/04/26 Javascript
Python strip lstrip rstrip使用方法
2008/09/06 Python
python爬虫获取淘宝天猫商品详细参数
2020/06/23 Python
windows下pycharm安装、创建文件、配置默认模板
2018/07/31 Python
Python 取numpy数组的某几行某几列方法
2019/10/24 Python
PyQt5连接MySQL及QMYSQL driver not loaded错误解决
2020/04/29 Python
Python基于codecs模块实现文件读写案例解析
2020/05/11 Python
Python使用for生成列表实现过程解析
2020/09/22 Python
如何在python中处理配置文件代码实例
2020/09/27 Python
css sprite简单实例
2016/05/23 HTML / CSS
KIKO MILANO英国官网:意大利知名化妆品和护肤品品牌
2017/09/25 全球购物
Holiday Inn中国官网:IHG旗下假日酒店预订
2018/04/08 全球购物
美国领先的家庭智能音响系统品牌:Sonos
2018/07/20 全球购物
科颜氏英国官网:Kiehl’s英国
2019/11/20 全球购物
童装店创业计划书
2014/01/09 职场文书
公司总经理工作职责管理办法
2014/02/28 职场文书
小学生综合素质评语
2014/04/23 职场文书
敬老模范事迹
2014/05/21 职场文书
大学学雷锋活动总结
2014/06/26 职场文书
房屋鉴定委托书范本
2014/09/23 职场文书
小学生大队委竞选稿
2015/11/20 职场文书
Java实现聊天机器人完善版
2021/07/04 Java/Android
Win10 最新稳定版本 21H2开始推送
2022/04/19 数码科技