js 固定在网页右侧悬浮的QQ在线客服

作者：简简单单 2013-05-16

提示：您可以先修改部分代码再运行

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<title>js 固定在网页右侧悬浮的QQ在线客服</title> 
<meta http-equiv="content-type" content="text/html;charset=gb2312"> 
 
<style type="text/<a href="http://www.111com.net/cssdiv/css.html" target="_blank">css</a>"> 
#siderIMchat_main { MARGIN:0;  color:#333 } 
#siderIMchat_main img { border:0;} 
#siderIMchat_main a { color:#036 } 
#siderIMchat_main a:hover { color:#f30 } 
#siderIMchat_main .top { background: url(img/201107/qq_seaver2.gif); } 
#siderIMchat_main .infobox { text-align: center; padding-bottom: 5px; line- padding-left: 5px; padding-right: 5px; background: url(/teixiao/UploadFiles_4612/201105/20110519101025127.gif) #bdc5cb no-repeat; color: #000; font-weight: 700; padding-top: 5px } 
#siderIMchat_main .bg { padding-bottom: 0px; padding-left: 0px; padding-right: 0px; background: url(img/201107/qq_seaver4.gif); padding-top: 0px } 
#siderIMchat_main UL { margin: 0 } 
#siderIMchat_main UL LI { list-style: none; text-align: center; line-} 
.qqkf { background: #ccc;  line-} 
#siderIMchat_main .close { width: 100%; text-align: center } 
#siderIMchat_main .bottom { background: url(img/201107/qq_seaver3.gif);  overflow: hidden } 
</style> 
</head> 
<body> 
<div style=""></div> 
 
<div id="QuickMenu" style="right:3px;top:230px;position:absolute;"> 
<div id="RightMenu" style="float:right;overflow:hidden;display:none;"> 
<div style="margin:0;padding:0px;border:0px;overflow:hidden;"> 
<div id="siderIMchat_main"> 
<div class="top"></div> 
 
<div class="bg"> 
<ul> 
<li> 
这里放你的QQ客户界面与代码
</li> 
</ul> 
</div> 
 
<div class="bottom"></div> 
</div> 
</div> 
</div> 
<div style="float:right;margin:9px 0 0 0;border:0px;"><a href="img/201107/qq_seaver1.gif" class="js-smartPhoto" target="_blank"><img  id="menutop" onMouseOver="javascript:ChangeMenu('RightMenu',115,500)" border="0"  src="img/201107/qq_seaver1.gif" ></a></div> 
</div> 
<script language="javascript"> 
var QuickScrollYLast=0; 
var QuickMenu=document.getElementById("QuickMenu") 
window.setInterval("LoadMenu()",1); 
function LoadMenu(){ 
var QuickScrollYDefault; 
if(document.documentElement&&document.documentElement.scrollTop){ 
QuickScrollYDefault=document.documentElement.scrollTop; 
}else if(document.body){ 
QuickScrollYDefault=document.body.scrollTop; 
}else{ 
} 
QuickPercent=.1*(QuickScrollYDefault-QuickScrollYLast); 
if(QuickPercent>0){ 
QuickPercent=Math.ceil(QuickPercent); 
}else{ 
QuickPercent=Math.floor(QuickPercent); 
} 
QuickMenu.style.top=parseInt(QuickMenu.style.top)+QuickPercent+"px"; 
QuickScrollYLast=QuickScrollYLast+QuickPercent; 
} 
var MenuX; 
var MenuY; 
var MenuCloseX; 
var MenuCloseY; 
function ChangeMenu(id,menuwidth,menuheight){ 
clearInterval(MenuX); 
clearInterval(MenuY); 
clearInterval(MenuCloseX); 
clearInterval(MenuCloseY); 
var o = document.getElementById(id); 
if(o.style.display == "none"){ 
o.style.display = "block"; 
o.style.; 
o.style.; 
MenuX = setInterval(function(){menuopenx(o,menuwidth,menuheight)},30); 
document.getElementById("menutop").src="img/201107/qq_seaver5.gif"; 
}else{ 
document.getElementById("menutop").src="img/201107/qq_seaver1.gif"; 
MenuCloseY = setInterval(function(){menuclosex(o)},30); 
} 
} 
function menuopenx(o,x,y){/*--打开x--*/ 
var menucx = parseInt(o.style.width); 
if(menucx < x){ 
o.style.px"; 
}else{ 
clearInterval(MenuX); 
//MenuY = setInterval(function(){menuopeny(o,y)},30); 
} 
var menucy = parseInt(o.style.height); 
if(menucy < y){ 
o.style.px"; 
}else{ 
clearInterval(MenuY); 
} 
} 
function menuopeny(o,y){/*--打开y--*/ 
var menucy = parseInt(o.style.height); 
if(menucy < y){ 
o.style.px"; 
}else{ 
clearInterval(MenuY); 
} 
} 
function menuclosex(o){/*--打开x--*/ 
var menucx = parseInt(o.style.width); 
if(menucx > 0){ 
o.style.px"; 
}else{ 
clearInterval(MenuCloseX); 
//MenuCloseX = setInterval(function(){menuclosey(o)},30); 
} 
var menucy = parseInt(o.style.height); 
if(menucy > 0){ 
o.style.px"; 
}else{ 
clearInterval(MenuCloseY); 
o.style.display = "none"; 
} 
} 
function menuclosey(o){/*--打开y--*/ 
var menucy = parseInt(o.style.height); 
if(menucy > 0){ 
o.style.px"; 
}else{ 
clearInterval(MenuCloseY); 
o.style.display = "none"; 
} 
} 
</script> 
</body> 
</html>
</td>
	  </tr>
	</table>

提示：您可以先修改部分代码再运行

js 固定在网页右侧悬浮的QQ在线客服

相关文章

精彩推荐