js 弹性左侧漂浮qq或广告代码示例

发布时间:2020-09-04编辑:脚本学堂
一个js 实现的弹性左侧漂浮QQ代码,也可以用作广告代码的左侧漂浮效果,功能简单,效果不错。

完整代码:
 

复制代码 代码示例:
<div class="kefuchu" id="QQMenu" style="display:none; left:10px;">
<div>
<div class="kf">
<div class="kfTitle"><a href="about.php?cid=9">联系我们</a></div>
<p style=" margin:10px 0px 10px 10px;"><img src="images/kfIcon01.jpg" />客服服务</p>
<div class="kfCont">
<?php
$r = $dosql->GetOne("SELECT * From `#@__webconfig` WHERE `varname`='cfg_qqcode' ");
$cfg_qqcode = $r['varvalue'];
$qqnum_arr = explode(',', $cfg_qqcode);
$re_str = '';
foreach($qqnum_arr as $v)
{
$re_str .= '<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin='.$v.'&site=qq&menu=yes">'.$v.'</a>';
}
echo $re_str;
?>
</div>
</div>
</div> 
<script type="text/javascript">
//左侧漂浮广告
(function(){
QQMenuInt=_QQMenuInt;
moveQQmenu=_moveQQmenu;
function _QQMenuInt(){
QQMenu.style.position="absolute";
QQMenu.style.display="";
if(QQMenuPosition.isRight){
QQMenu.style.right=QQMenuPosition.Left+"px";
}else{
QQMenu.style.left=QQMenuPosition.Left+"px";
}
QQMenu.style.top=QQMenuPosition.Top+"px";
moveQQmenu();
}
function _moveQQmenu(){
var from=parseInt(QQMenu.style.top,10);
var yOffset;
var to=window.pageYOffset?window.pageYOffset:document.documentElement.scrollTop;
to=to+QQMenuPosition.Top;
if(to!=from){
yOffset = Math.ceil(Math.abs(to-from)/20);
if(to<from)yOffset=-yOffset;
var oldTop=parseInt(QQMenu.style.top,10);
QQMenu.style.top=(oldTop+yOffset)+"px";
} / www.jb200.com
if(QQMenu.style.display!="none"){
window.setTimeout("moveQQmenu()",QQMenuPosition.timeout);
}
}
})()
var QQMenuPosition = { Left: 0, Top: 200, isRight: true, timeout: 10 }
var QQMenu = document.getElementById("QQMenu");
QQMenuInt();
</script>