在asp网站上添加了一个右侧悬浮客服代码，添加后网页上下段之间有个间隙，位置异常，请大家指点，谢谢！

问题描述

在asp网站上添加了一个右侧悬浮客服代码，添加后网页上下段之间有个间隙，位置异常，请大家指点，谢谢！


我在我们网站上添加了悬浮于右侧中部的客服代码，网站是asp代码制作的，该客服代码是由3个文件组成，分别是（1）ggimages文件夹，主要放置客服广告的图片;（2）ggjs文件夹，主要放置js文件,内放置一个top.js文件;（3)网站根目录下放置一个gg.asp的文件，是客服代码的主程序。
存在问题：我在index主页底部引用gg.asp文件，代码如下：

<!--#include file="gg.asp"--> 引用后，客服代码能够显示，但是在主页引用的部位出现一个巨大的间隙（客服代码的位置异常请看抓图），如果单独运行gg.asp，则正常显示，位置也在网站右侧中部，请大家帮忙指点一下是那个地方出了问题，谢谢！附代码：
（一）主页index的头代码如下(因为页面会自动的编辑，所以在发帖的时候把代码的“<”去掉了，特别说明一下）

head>
meta http-equiv="Content-Type" content="text/html; charset=gb2312">
meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"/>
link href="css/css.css" rel="stylesheet" type="text/css">
link href="css/css2.css rel="stylesheet" type="text/css">
!--#include file="conn.asp"-->
/head>
页面底部引用gg.asp的代码如下：div ><!--#include file="gg.asp"-->

（二）右侧客服悬浮窗全部代码如下：
title>右侧漂浮窗口

style type="text/css">
body{margin:0;height:1000px;}
dl,dd,dt{margin:0;padding:0;}
a{ text-decoration:none;}

.floating-ck{position:fixed;right:10px;top:30%;} /相对位置/
.floating-ck dl dd{position:relative;width:130px;height:100px;text-align:center;background-repeat:no-repeat;background-position:center 20%;cursor:pointer;}
.floating-ck dl dd:hover{background-color:#FF0000;border-bottom:solid 1px #FF0000;}
.floating-ck dl dd:hover .floating-left{display: block;}
.consult{background-image:url(ggimages/icon0701/zxicon.png);}
.words{background-image:url(ggimages/icon0701/tp.png);}
.quote{background-image:url(ggimages/icon0701/kficon.png);}
.qrcord{background-image:url(ggimages/icon0701/wb.png);}

.floating-ck dd span{color:#000000;display:block;padding-top:70px;}
.floating-left{position:absolute;left:-160px;top:0px;width:160px;height:100px;background-color:#FF0000;border-bottom:solid 1px #FF0000;display:none;}
.floating-left a{color:#000000;line-height:100px;}
.floating-ewm{height:200px;top:-100px;}/调整左侧弹出窗口的高度/
.floating-ewm i{background-image:url(ggimages/wb.png);display:block;width:145px;height:145px;margin:0;margin-top:20px;}
.floating-ewm p{color:#000000;margin-top:30px;}/字的移动高度/
.floating-ewm .qrcord-p01{font-size:18px;line-height:20px;}
.floating-ewm .qrcord-p02{font-size:18px;}
.STYLE1 {color: #000000}

/style>

script type="text/javascript" src="ggjs/top.js">

<!--右侧漂浮窗口主体开始-->
div class="floating_ck">

dd class="consult">
span class="STYLE1"> 在线互动 /span>
/dd>
dd class="words">
span class="STYLE1"> 在线投票
/span>
dd class="quote">
span class="STYLE1"> 官方QQ
/span>

  /dd>
    dd class="qrcord">
        span class="STYLE1">官方微博
        /span>
        div class="floating_left floating_ewm">

        /div>
  /dd>

/dl>

/div>
/body>

（三）top.js全部代码如下：
/**

  • JavaScript脚本实现回到页面顶部示例
  • @param acceleration 速度
  • @param stime 时间间隔 (毫秒)
    **/
    function gotoTop(acceleration,stime) {
    acceleration = acceleration || 0.1;
    stime = stime || 10;
    var x1 = 0;
    var y1 = 0;
    var x2 = 0;
    var y2 = 0;
    var x3 = 0;
    var y3 = 0;
    if (document.documentElement) {
    x1 = document.documentElement.scrollLeft || 0;
    y1 = document.documentElement.scrollTop || 0;
    }
    if (document.body) {
    x2 = document.body.scrollLeft || 0;
    y2 = document.body.scrollTop || 0;
    }
    var x3 = window.scrollX || 0;
    var y3 = window.scrollY || 0;

    // 滚动条到页面顶部的水平距离
    var x = Math.max(x1, Math.max(x2, x3));
    // 滚动条到页面顶部的垂直距离
    var y = Math.max(y1, Math.max(y2, y3));

    // 滚动距离 = 目前距离 / 速度, 因为距离原来越小, 速度是大于 1 的数, 所以滚动距离会越来越小
    var speeding = 1 + acceleration;
    window.scrollTo(Math.floor(x / speeding), Math.floor(y / speeding));

    // 如果距离不为零, 继续调用函数
    if(x > 0 || y > 0) {
    var run = "gotoTop(" + acceleration + ", " + stime + ")";
    window.setTimeout(run, stime);
    }
    }

解决方案

用IE F12调试下css

解决方案二：

引用的内容还包含样式表，
把以下几句去掉看看：

 body{margin:0;height:1000px;}
dl,dd,dt{margin:0;padding:0;}
a{ text-decoration:none;}

如果还不行的话，查看这个样式表中有没有和你的主样式表中有重名的

解决方案三：

先谢谢微笑的帮助，我先试试你说的这种方法，一会儿有结果了再续贴

解决方案四：

谢谢苏小瞄的帮助，我一个一个的调试，一会儿有结果了再续贴

解决方案五：

@微wx笑: 去掉你说的那几行代码，还是不行啊

相关文章

  • 代码-网页QQ客服悬浮窗的安装方法，怎么操作
  • 网页-如何用ASP做网站，谢谢大家
  • c#-ASP.NET中实现直接从网页上下载文件
  • c＃-新手求解，我用asp.net做的网站，现在想做后台
  • 商城-微信多客服接入后怎么返回之前的页面
  • 网站-网首页静态化-提高访问效率
  • 悬浮 html js-网页右侧悬浮窗 初学者
  • 链接传参数-客服端（ios）发送一个带参数的超链接，服务器端（asp.net）获取不到参数
  • 网络编程-求教ASP.NET CS0103编译错误
  • asp.net-Silverlight DataGrid中的排序问题,请大神们指点!!

【云栖快讯】他，一路保送，但可能不是你想象中的学霸； 他，曾是微软最年轻的技术管理者，挑战带领跨国团队； 他，后来加入阿里，成为阿里西雅图分部的第22名员工； 他，就是阿里通用计算平台负责人关涛！ 通过短视频，为你揭晓他的成长和开发计算平台的经历，以及他对未来的展望！  详情请点击

热门推荐

  • 高性能云服务器2折起
  • 云服务器配置
  • 技术资料
  • 云计算
  • 域名
  • shell
  • node.js
  • 问答
  • java
  • mysql
  • C++
  • python
  • jQuery
  • Android
  • asp
  • PHP技巧
  • jQuery教程
  • JavaScript技巧
  • JS
  • SEO
  • sql server
  • mysql教程
  • 前端
  • 技术文集
  • 技术
  • 主题地图
  • A
  • z
  • 云服务器哪家好
  • API
  • 大数据
  • 云安全
  • 云存储
  • 云计算
  • 获取公众号授权失败
  • 兼容性疑难解答
  • path
  • stm32
  • jsonobject
  • product

前三篇

  • 编码-springmvc校验框架问题疑惑
  • c语言-c标准库的fputc写入文件的机制问题
  • html5 超链接 微信-如何动态修改微信分享后的链接？

后三篇

  • 异常-还有没睡的吗 帮忙解决一个问题 非常急
  • tomcat-严重: Invalid message received with signature 27648
  • windows-这样使用多线程关键字段会不会死锁 EnterCriticalSection

(yq.aliyun.com)为您免费提供在asp网站上添加了一个右侧悬浮客服代码，添加后网页上下段之间有个间隙，位置异常，请大家指点，谢谢！相关信息，包括
asp
位置异常
的信息
，所有在asp网站上添加了一个右侧悬浮客服代码，添加后网页上下段之间有个间隙，位置异常，请大家指点，谢谢！相关内容均不代表的意见！
该页面h5页面的地址是：https://m.aliyun.com/yunqi/wenzhang/show_38919，您可以点击在asp网站上添加了一个右侧悬浮客服代码，添加后网页上下段之间有个间隙，位置异常，请大家指点，谢谢！-手机站访问。

时间： 2025-01-20 22:09:07

在asp网站上添加了一个右侧悬浮客服代码，添加后网页上下段之间有个间隙，位置异常，请大家指点，谢谢！的相关文章

电脑-网页加了一段53客服代码之后，网页在手机浏览器上显示会放的很大。

问题描述 网页加了一段53客服代码之后,网页在手机浏览器上显示会放的很大. 就是这段53客服代码 我把它加到网页的最底部,电脑上浏览网页是没有问题的,正常显示.但是在手机浏览器上看网页就被强制放大,而且不能把网页缩到最小(适合手机屏幕大小显示).请问怎么解决?跪求各位大神.

Jquery实现右侧悬浮客服QQ代码效果demo

现在还没想到很好的封装方式,就先把现在的这种方式记录下来). 在前几天的文章[Z-blog添加回到顶部效果].今天再次分享一个可以做客服电话.QQ客服的右侧悬浮层. 现在还没想到很好的封装方式,就先把现在的这种方式记录下来). 一.演示图 初始状态: 二.html代码  代码如下 复制代码 <div class="container">     <!-- start header -->     <div class="header"&

网站建设-我要实现这样一个功能 在网站上随机出现一个7位数怎么实现？

问题描述 我要实现这样一个功能 在网站上随机出现一个7位数怎么实现? 当我不操作时 网站上每隔一定时间就随机出现一个7位数 而当我操作时 网站上出现我指定的7位数 如何实现 解决方案 js定时生成一个随机数,然后监控鼠标事件,如果开始操作的时候就展示刚才随机出来的数字,并且停止随机数生成. 解决方案二: 出现我指定的7位数?什么意思?随机数还能指定? 解决方案三: jq控制时间然后生成随机数,你操作时使用鼠标事件或者点击事件让它的值的val或者html变成你指定的值 解决方案四: js和php都

想做一个文库网站，下载了一个MTCEO文库系统的源码，有一段读取SWF的代码不太懂，求大神帮助

问题描述 想做一个文库网站,下载了一个MTCEO文库系统的源码,有一段读取SWF的代码不太懂,求大神帮助 10C function geturlipstr($ext$filename){//获得预览代码,本地模式 if(file_exists('./' . C('mtceo_attach_path').""docswf/data/"".$filename."".php"")){ $ipstr=F($filename'''./'

js实现浮动在网页右侧的简洁QQ在线客服代码_javascript技巧

本文实例讲述了js实现浮动在网页右侧的简洁QQ在线客服代码.分享给大家供大家参考.具体如下: 这是一个简洁版的QQ在线客服,其实重要的是这个JS函数,只要有了这个JS函数,实际上你完全可以写一个这样的在线客服,它是用JS+CSS去控制层的隐藏与展开.注意代码中的QQ号记着要改一下哦. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-float-qq-onlinefk-style-codes/ 具体代码如下: <!DOCTYPE html P

网页右侧悬浮滚动在线qq客服代码示例_javascript技巧

网页右侧悬浮滚动QQ在线客服代码 复制代码 代码如下: function myEvent(obj,ev,fn){ if (obj.attachEvent){  obj.attachEvent('on'+ev,fn); }else{  obj.addEventListener(ev,fn,false); };};function getbyClass(id,sClass){ var oParent = document.getElementById(id); var all = oParent.g

左右悬浮可分组的网站QQ在线客服代码(可谓经典)_javascript技巧

复制代码 代码如下: <!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>左右悬浮可分组的网站

做微信公众平台首先要成为一个好的客服

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 微信公共平台主要是一个OTO的pc端和移动端互动的一个交流平台.而现在公共平台分为订阅好和服务号,而微信公共平台主要就是用户通过pc端进行关注微信公共平台进行的一种互动.而服务号主要是建立服务体系,维护客户为主要.而订阅号主要是优质资源推送作用 所以我们在做微信公共平台要基于自己的用户判断来进行选择是服务号还是订阅号.当然最终是为了让手机端的

联想电脑屏幕上指甲盖大小的黑点，客服拒保修

联想电脑屏幕上指甲盖大小的黑点 环球网青岛频道9月14日消息 近日市民张先生向环球网青岛频道热线(0532-66568111)反映,自己今年五月份在青岛四方国美购买了一台型号为IdeaCentreB305的联想一体机,刚买回家时,张先生发现电脑屏幕上有一个针眼大小的黑点,起初张先生没有在意,今年8月份,张先生发现电脑屏幕上的黑点已经变成指甲盖大小.张先生拨打青岛威海路的联想售后服务热线,工作人员上门检查后告知,电脑损害是人为造成,不在保修范围,维修需交纳1680元钱,若不满处理结果可自行鉴定.