QQ在线咨询控件的制作

实现ＱＱ在线咨询（随滚动条滚动）效果步聚

１.新建ASCX用户控件，代码如下：
<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="QQMenu.ascx.cs" Inherits="FHP.Web.ASCX.QQMenu" %>
<div id="style1" style="position:absolute;left:0px; top:160px; text-align:left; z-index:0">
    <table border="0" cellpadding="0" cellspacing="0" width="110">
        <tr>
            <td width="110" style="background-image: url(../Images/QQTop.gif); width: 110px; height: 30px; text-align: right" valign="bottom">
                <asp:LinkButton ID="LinkButton1" title="关闭在线咨询" runat="server" style="margin-bottom:2px; font-size:10px" OnClientClick="document.getElementById('style1').style.display='none';return false;" CssClass="caption_02">关闭</asp:LinkButton> 
            </td>
        </tr>

        <tr>
            <td background="../Images/QQmiddle.gif"
                valign="middle">
                <table style="width:95px; margin-left:5px">
                    <tr>
                        <td style="width:25px; height:25px"><img border="0" src='../Images/online.gif'/></td>
                        <td style="text-align: left"><a href="tencent://message/?Uin=245791213&Site=www.luorispace.com&Menu=no"; class="Bottom" title="落日空间|QQ:245791213">
                        落日空间</a></td>
                    </tr>
                </table>
            </td>
        </tr>
        <tr>
            <td width="110" style="background-image: url(../Images/QQBottom.gif); width: 110px; height: 30px; text-align: right" valign="bottom">
                  </td>
        </tr>
    </table>
    </div>
<script type="text/javascript">
          x0=parseInt(style1.style.left);
          y0=parseInt(style1.style.top);

          function   window.onscroll(){
          y=document.body.scrollTop;
          x=document.body.scrollLeft;
          style1.style.top=y0+y;
          style1.style.left=x0+x;
          }
</script>

２.在ASPX页面调用上面的用户控件
删除ASPX页面中的“<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">“
否则无法实现控件跟随滚动条的效果

QQ在线咨询控件的制作相关推荐

C# 高仿腾讯QQ (TextBox控件美化)(附源码)
接上一篇<C# 高仿腾讯QQ (Bottom控件美化) > 这篇来说一下QQ皮肤TextBox控件的美化: (1)．已修正每次窗口最小化以后再还原会发现窗口底部往下移了几十个像素(但还不 ...
Delphi类似QQ皮肤控件，欢迎试用！
实现的QQ皮肤控件的一个试用版(目前支持D7,D2007和D2010版)!欢迎下载
一个封装的QQ面板控件
做.net的web开发几年了,只记得第一个project时用的是asp.net自带的服务器端控件(如datagrid等),而后就完全放弃了服务器端控件的做法,而是采用客户端控件加ajax,实现客户端完 ...
【转】从网页上下载控件时制作CAB包的方法
Internet 软件分发单位是"软件包",它由包含 .inf 文件或软件分发 (.osd) 文件(或两者都包括)的 CAB 文件 (.cab) 所组成.一个分发单位也可以包含软件 ...
C#开发ActiveX控件及制作CAB包
一个项目要用到 ActiveX 控件,参照网上众多的例子,ActiveX控件倒是很容易就搞出来了: 然后做了一个[ 安装项目],倒是可以使用,只不过需要在客户端手动点击安装,下一步,下一步-觉得不是很 ...
高仿QQ顶部控件之IOS SegmentView
经常会看到QQ上面有一个消息和电话的顶部面板,这个空间是IOS7的分段控制,android中没有这个控件, 今天在威哥的微信公众号中成功gank到这个自定义控件的实现,下面跟着尝试一波. 首先是定 ...
QQ分组控件的简单实现
QQ的上下拉的抽屉式控件估计已经深入民心了.课程设计作业需要,花了半天时间写了一个类似的控件,可以实现对每个抽屉按钮设置不同的视图控件,不过没有美化,只是有骨没有肉的控件. //QQGroupCtrl ...
利用免费Excel控件来制作Excel报表
我们小组上个季度接手了一个项目其中需要实现创建excel文档的功能,寻找实现这个功能的控件的任务分配给了我,通过百度搜索我找到了一个免费的控件,它是由E-iceblue公司推出的spire.xls控件 ...
Web版的Tabcontrol控件的制作过程
先看运行后的结果吧: 1.选择登录记录 2.选择第二个选项卡主要涉及的控件有:MultiView和一个Menu控件主要代码: 前台: <%@ Control Language="C ...

QQ在线咨询控件的制作

QQ在线咨询控件的制作相关推荐

最新文章

热门文章