设为首页
收藏本站
开启辅助访问
登录
注册
只需一步,快速开始
首页
首页
资源币充值
论坛资源币充值+VIP充值=赞助
注册
注册成为会员
VIP会员
电子杂志制作
关于我们
搜索
搜索
本版
用户
子墨斋
»
首页
›
综合栏
›
插件代码
›
DRC原版DX插件QQ客服/在线咨询台
返回列表
发新帖
DRC原版DX插件QQ客服/在线咨询台
[复制链接]
1239
|
1
|
2010-4-12 18:20:55
|
显示全部楼层
|
阅读模式
原帖地址:
【Discuz!X插件NO.2】DRC - QQ客服/在线咨询台插件
DRC插件5d6d版代码转换:5d6d-libingyan
代码如下:
<style type="text/css">
<!--
.QQbox{ z-index:99; width: 170px; right: 3px; top: 145px; position: absolute;}
.QQbox .press{ right: 0; border: none; cursor: pointer;width: 26px; height: 136px;position: absolute;}
.QQbox .Qlist{ left: 0; width: 170px; background: url(http://ff.a.5d6d.com/userdirs/9/6/0738/attachments/month_1003/1003301157f1c8968c32a4f7a5.gif) padding:5px;}
.QQbox .Qlist .b{ float: right; height: 6px; width: 170px; font-size: 1px; }
.QQbox .Qlist .infobox{ text-align:center; background:#bdc5cb; background-image:url(http://ff.a.5d6d.com/userdirs/9/6/0738/attachments/month_1003/1003301157c661d4da219ea6cc.gif); background-repeat:no-repeat; padding:5px; line-height:14px; color:#000; font-weight:700;}
.QQbox .Qlist .t{ background:url(http://ff.a.5d6d.com/userdirs/9/6/0738/attachments/month_1003/1003301157b8084574f58133e1.gif); height:34px;}
.QQbox .Qlist .b{ background:url(http://ff.a.5d6d.com/userdirs/9/6/0738/attachments/month_1003/1003301157165b9d112f512edf.gif); height:9px; overflow:hidden; }
.QQbox .Qlist .con{ background: url(http://ff.a.5d6d.com/userdirs/9/6/0738/attachments/month_1003/1003301157f1c8968c32a4f7a5.gif); width: 100%; padding: 10px 0px 10px 0px;}
.QQbox .Qlist .con h2{ height: 22px; font: bold 12px/22px "宋体"; background: url(http://ff.a.5d6d.com/userdirs/9/6/0738/attachments/month_1003/1003301157f1c8968c32a4f7a5.gif) repeat-y -163px 0; border: 1px solid #3a708d; text-align: center; color:#fff;}
.QQbox .Qlist .con ul li{ padding: 5px 5px 0px 15px; }
-->
</style>
<div class='QQbox' id='divQQbox'>
<div class='Qlist' id='divOnline' onmouseout='hideMsgBox(event);' style='display : none;'>
<div class='t'></div>
<div class='infobox'>××论坛<br>早9:00 - 晚17:00</div>
<div class='con'>
<ul><li class="odd"><img border="0" SRC="http://wpa.qq.com/pa?p=1:QQ号码:14" style="position:relative; top:3px;"> <a target="_blank" href="tencent://message/?uin=QQ号码&Site=Discuz! Board&Menu=yes">销售客服</a></li>
<li class="odd"><img border="0" SRC="http://wpa.qq.com/pa?p=1:QQ号码:14" style="position:relative; top:3px;"> <a target="_blank" href="tencent://message/?uin=QQ号码&Site=Discuz! Board&Menu=yes">技术客服</a></li>
<li class="odd"><img border="0" SRC="http://wpa.qq.com/pa?p=1:QQ号码:14" style="position:relative; top:3px;"> <a target="_blank" href="tencent://message/?uin=QQ号码&Site=Discuz! Board&Menu=yes">业务合作</a></li>
<tr><td><li>××论坛欢迎您</li></td></tr>
</ul>
</div>
<div class='b'></div>
</div>
<div id='divMenu' onmouseover='OnlineOver();'><img src='http://ff.a.5d6d.com/userdirs/9/6/0738/attachments/month_1003/1003301157352e207c2021bcef.gif' class='press'></div>
</div>
<script language='javascript' type='text/javascript' charset='gbk'>
//<![CDATA[
var tips; var theTop = 145; var old = theTop;
function initFloatTips() {
tips = document.getElementById('divQQbox');
moveTips();
};
function moveTips() {
var tt=50;
if (window.innerHeight) {
pos = window.pageYOffset
}
else if (document.documentElement && document.documentElement.scrollTop) {
pos = document.documentElement.scrollTop
}
else if (document.body) {
pos = document.body.scrollTop;
}
pos=pos-tips.offsetTop+theTop;
pos=tips.offsetTop+pos/10;
if (pos < theTop) pos = theTop;
if (pos != old) {
tips.style.top = pos+"px";
tt=10;
//alert(tips.style.top);
}
old = pos;
setTimeout(moveTips,tt);
}
//!]]>
initFloatTips();
function OnlineOver(){
document.getElementById("divMenu").style.display = "none";
document.getElementById("divOnline").style.display = "block";
document.getElementById("divQQbox").style.width = "170px";
}
function OnlineOut(){
document.getElementById("divMenu").style.display = "block";
document.getElementById("divOnline").style.display = "none";
}
if(typeof(HTMLElement)!="undefined")
{
HTMLElement.prototype.contains=function(obj)
{
while(obj!=null&&typeof(obj.tagName)!="undefind"){
if(obj==this) return true;
obj=obj.parentNode;
}
return false;
};
}
function hideMsgBox(theEvent){
if (theEvent){
var browser=navigator.userAgent;
if (browser.indexOf("Firefox")>0){
if (document.getElementById('divOnline').contains(theEvent.relatedTarget)) {
return;
}
}
if (browser.indexOf("MSIE")>0){
if (document.getElementById('divOnline').contains(event.toElement)) {
return;
}
}
}
document.getElementById("divMenu").style.display = "block";
document.getElementById("divOnline").style.display = "none";
}
</script>
复制代码
代码里的××论坛请换成你自己论坛的名称,代码里的“QQ号码”请换成你的QQ号码(纯数字),演示可以去我论坛看,也可以去原帖看
代码添加在页尾通栏即可,可以自行选择出现在哪些页面
回复
使用道具
举报
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
显身卡
资源币不够了怎么办,请点此处快速获得你想要的资源币,节省时间
asdc
|
2010-8-14 19:50:52
|
显示全部楼层
效果都是XX啊,是不是没用了。这个可是好东东啊,心痛了!
回复
支持
反对
使用道具
举报
显身卡
返回列表
发新帖
高级模式
B
Color
Image
Link
Quote
Code
Smilies
您需要登录后才可以回帖
登录
|
注册
本版积分规则
发表回复
回帖并转播
回帖后跳转到最后一页
浏览过的版块
处世与礼仪
ieb杂志问题会员自主交流区
寒人
回复楼主
返回列表
高级会员区
精品软件
电脑相关
插件代码
图文推荐
皮肤、图文、组合模板打包下载
2008-11-28
iebook超级精灵2008全功能版发布(2010.11.19修正)
2008-10-14
14个zm电子杂志 目录模板下载
2009-06-11
古典皮肤杂志风格.im,7-14更新
2008-11-28
ZineMaker2009企业版[09211] 正版软件
2010-01-11
热门排行
1
教你使用下载的iebook模版(可以像企业版一
2
ZineMaker2009企业版[09211] 正版软件
3
子墨斋金币之简要说明2010-12-28更改
4
iebook破解版 iebook2010超级精灵破解版 ie
5
iebook超级精灵2008全功能版发布(2010.11.
6
zinemaker杂志模板打包免费下载2008年3月(
7
皮肤、图文、组合模板打包下载
8
奉献14款免费精品模板
9
iebook电子杂志3个精美模板
10
古典皮肤杂志风格.im,7-14更新