百度留言本js 大家可以參考下
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 target="_blank" style="text-decoration:none"><font color="#FFFFFF">鄉(xiāng)下人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=鄉(xiāng)下人blog&Menu=yes"><img src="gbook/images/qq.gif" border="0"/></a> <a href="msnim:chat?contact=24525533@163.com"><img alt="點(diǎn)擊給我發(fā)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);
- JS實(shí)現(xiàn)留言板功能
- JS留言功能的簡(jiǎn)單實(shí)現(xiàn)案例(推薦)
- js使用DOM操作實(shí)現(xiàn)簡(jiǎn)單留言板的方法
- js 實(shí)現(xiàn)的可折疊留言板(附源碼下載)
- JavaScript 輕松搞定快捷留言功能 只需一行代碼
- JavaScript編制留言簿程序代碼
- 本人ajax留言板的源程序 不錯(cuò)的應(yīng)用js
- JS實(shí)現(xiàn)留言板功能[樓層效果展示]
- javascript發(fā)表評(píng)論或者留言時(shí)的展開(kāi)效果
- JavaScript簡(jiǎn)單實(shí)現(xiàn)的仿微博留言功能示例
相關(guān)文章
Java與JavaScript中判斷兩字符串是否相等的區(qū)別
這篇文章主要介紹了Java與JavaScript中判斷兩字符串是否相等的區(qū)別,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2017-03-03iphone safari不支持position fixed的解決方法
最近一直在做移動(dòng)web開(kāi)發(fā),開(kāi)發(fā)過(guò)程中遇到了許多問(wèn)題,mobile safari不支持position: fixed就是一件很頭疼的事情2012-05-05利用JS實(shí)現(xiàn)簡(jiǎn)單的日期選擇插件
這篇文章主要介紹了利用JS實(shí)現(xiàn)簡(jiǎn)單的日期選擇插件,文中實(shí)現(xiàn)兩種效果的日期選擇,一種是默認(rèn)參數(shù),點(diǎn)擊日期后直接選擇該日期,另一種是顯示按鈕來(lái)設(shè)置時(shí)間,有需要的朋友可以參考借鑒,下面來(lái)一起看看吧。2017-01-01JS.elementGetStyle(element, style)應(yīng)用示例
獲取Dom元素的Style數(shù)組中的指定Style元素,下面有個(gè)不錯(cuò)的示例,感興趣的朋友可以參考下,希望對(duì)大家有所幫助2013-09-09JavaScript實(shí)現(xiàn)將數(shù)組數(shù)據(jù)添加到Select下拉框的方法
這篇文章主要介紹了JavaScript實(shí)現(xiàn)將數(shù)組數(shù)據(jù)添加到Select下拉框的方法,涉及javascript數(shù)組操作及頁(yè)面元素動(dòng)態(tài)賦值的相關(guān)技巧,需要的朋友可以參考下2015-08-08JavaScript實(shí)現(xiàn)16進(jìn)制顏色值轉(zhuǎn)RGB的方法
這篇文章主要介紹了JavaScript實(shí)現(xiàn)16進(jìn)制顏色值轉(zhuǎn)RGB的方法,是javascript比較典型的數(shù)值轉(zhuǎn)換應(yīng)用技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-02-02

Bootstrap中定制LESS-顏色及導(dǎo)航條(推薦)

JavaScript實(shí)現(xiàn)簡(jiǎn)單的tab選項(xiàng)卡切換