欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

js QQ客服懸浮效果實現代碼

 更新時間:2014年12月12日 15:27:43   投稿:mdxy-dxy  
一段js實現的QQ客服懸浮特效代碼,經常用在網頁上顯示QQ客服在線信息,很實用的一段代碼

代碼:

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>QQ客服懸浮特效代碼_www.dbjr.com.cn</title>
</head>
<body style="height:2000px;">
<script type="text/javascript">
window.onload = window.onresize = window.onscroll = function ()
{
 var oBox = document.getElementById("qqbox_zzjs");
 var oLine = document.getElementById("online_lanrenzhijia");
 var oMenu = document.getElementById("menu_zzjs_net");
 var iScrollTop = document.documentElement.scrollTop || document.body.scrollTop;
 setTimeout(function ()
 {
 clearInterval(oBox.timer);
 var iTop = parseInt((document.documentElement.clientHeight - oBox.offsetHeight)/2) + iScrollTop;
 oBox.timer = setInterval(function ()
 {
  var iSpeed = (iTop - oBox.offsetTop) / 8;
  iSpeed = iSpeed > 0 ? Math.ceil(iSpeed) : Math.floor(iSpeed);
  oBox.offsetTop == iTop ? clearInterval(oBox.timer) : (oBox.style.top = oBox.offsetTop + iSpeed + "px");
 }, 30)
 }, 100)
 oBox.onmouseover = function ()
 {
 this.style.width = 131 + "px";
 oLine.style.display = "block";
 oMenu.style.display = "none";
 };
 oBox.onmouseout = function ()
 {
 this.style.width = '';
 oLine.style.display = "none";
 oMenu.style.display = "block";
 };
};
document.write("<style>img{border:0;}ul,li{padding:0;margin:0;}.box_lanrenzhijia {z-index:99;right:0;width:128px;height:195px;position:absolute;}.box_lanrenzhijia .press{right:0;width:36px;cursor:pointer;position:absolute;height:128px;}.box_lanrenzhijia .zzjs_net_list{left:0;width:131px;position:absolute;height:195px;background:url(images/20120321lanrenzhijia_1.gif) no-repeat left center;}.box_lanrenzhijia .zzjs_net_list ul{padding:37px 0 0 21px;}.box_lanrenzhijia .zzjs_net_list li{height:26px;margin-bottom:3px;_margin-bottom:3px; list-style-type:none;}</style><div class=\"box_lanrenzhijia\" id=\"qqbox_zzjs\"><div class=\"zzjs_net_list\" id=\"online_lanrenzhijia\" style=\"display:none;\"><ul><li><a href=\"http://wpa.qq.com/msgrd?V=1&Uin=123456789&Site=腳本之家&Menu=yes\"><img src=\"images/20111126lanrenzhijia_3.gif\" alt=\"腳本之家一號客服\"></a></li><li><a href=\"http://wpa.qq.com/msgrd?V=1&Uin=123456789&Site=腳本之家&Menu=yes\"><img src=\"images/20111126lanrenzhijia_3.gif\" alt=\"腳本之家二號客服\"></a></li><li><a href=\"http://wpa.qq.com/msgrd?V=1&Uin=123456789&Site=腳本之家&Menu=yes\"><img src=\"images/20111126lanrenzhijia_3.gif\" alt=\"腳本之家三號客服\"></a></li><li><a href=\"http://wpa.qq.com/msgrd?V=1&Uin=123456789&Site=腳本之家&Menu=yes\"><img src=\"images/20111126lanrenzhijia_3.gif\" alt=\"腳本之家四號客服\"></a></li><li><a href=\"http://wpa.qq.com/msgrd?V=1&Uin=123456789&Site=腳本之家&Menu=yes\"><img src=\"images/20111126lanrenzhijia_3.gif\" alt=\"腳本之家五號客服\"></a></li></ul></div><div id=\"menu_zzjs_net\"><img src=\"images/20111126lanrenzhijia_4.gif\" class=\"press\" alt=\"在線客服\"></div></div>");
</script>
</body>
</html>

相關文章

  • js超漂亮的鼠標提示,帶人性化缺口

    js超漂亮的鼠標提示,帶人性化缺口

    漂亮的鼠標提示,帶人性化缺口,在測試時候大家可改變?yōu)g覽器窗口大小,可以看到缺口會根據網頁的大小智能改變方向,以確保提示位置的正確性,其實由此大家可以學習到更多的JavaScript與CSs代碼知識。
    2010-11-11
  • js點擊彈出div層實現可拖曳的彈窗效果

    js點擊彈出div層實現可拖曳的彈窗效果

    點擊文字,彈出一個窗口,其實是一個彈出層,這個彈出層可以隨鼠標拖曳,很炫的哦,另外,示例演示了用本方法彈出文字層和彈出圖片層的具體代碼,請根據選擇使用哦,感興趣的朋友可以研究下
    2012-12-12
  • Tips 帶三角可關閉的文字提示

    Tips 帶三角可關閉的文字提示

    多功能Tips,帶小三角的文字提示,可關閉,有兩套顏色方案可選擇,可按你的要求將顯示框定義顯示在四個方向,放大或縮小瀏覽器窗口,不會有絲毫偏差。
    2010-10-10
  • js最簡單的拖拽效果實現代碼

    js最簡單的拖拽效果實現代碼

    說到拖拽功能,現在各大,中,小型網站都基本上有類似的東西,特別是對彈出層拖拽,更是常見的一塌糊涂。。。
    2010-09-09
  • 據說是Google首頁的網頁模塊拖動代碼

    據說是Google首頁的網頁模塊拖動代碼

    據說是Google首頁的網頁模塊拖動代碼,Google很早就應用了網頁拖動特效,不知大家發(fā)現沒?本款拖動特效可以說是完全模仿了Google的拖動代碼,比較有代表性,因此也很有參考價值,奉獻給大家,僅供參考。
    2010-09-09
  • 帶你快速上手前端響應式布局與Bootstrap柵格系統

    帶你快速上手前端響應式布局與Bootstrap柵格系統

    這篇文章帶你快速上手前端響應式布局與Bootstrap柵格系統,響應式布局主要是針對各種不同尺寸的屏幕兼容性問題,需要的朋友可以參考下
    2023-03-03
  • 基于jQuery的彈出隱藏層的窗口特效

    基于jQuery的彈出隱藏層的窗口特效

    jQuery彈出隱藏層的窗口特效,缺少了幾個小圖片,這個自己制作幾個補上去吧,這不是關鍵的東西。
    2011-08-08
  • 封裝的原生javascript彈出層代碼

    封裝的原生javascript彈出層代碼

    最近抽空余的時間寫了個彈出層的插件,功能不算強大,當練手,以下為示例代碼。
    2010-09-09
  • 仿Discuz!的論壇評分發(fā)帖彈出提示并漸漸消失的效果

    仿Discuz!的論壇評分發(fā)帖彈出提示并漸漸消失的效果

    仿Discuz!論壇評分發(fā)帖彈出提示并漸漸消失的效果,相信不少朋友都見到過這效果吧
    2010-10-10
  • 始終在頁面底部的層js實現代碼

    始終在頁面底部的層js實現代碼

    其實就是通過js將層始終定位在底部,多用于提示效果
    2012-11-11

最新評論