QQ弹出框

最新推荐文章于 2024-08-14 15:45:18 发布
最新推荐文章于 2024-08-14 15:45:18 发布
阅读量694 收藏
点赞数
分类专栏： JAVASCRIPT/CSS 文章标签： qq function javascript fun action xhtml

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<!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 runat="server">
    <title></title>
    <script type="text/javascript">
        function MessShow(id,width,height,caption,title,message,target,action)
        {
            this.id         = id;
            this.title      = title;
            this.caption    = caption;
            this.message    = message;
            this.target     = target;
            this.action     = action;
            this.width      = width?width:250;
            this.height     = height?height:150;
            this.timeout    = 250;      //消息停留时间
            this.speed      = 10;       //消息速度，越小越快
            this.step       = 2;        //移动步长
            this.right      = screen.width -1;
            this.bottom     = screen.height;
            this.left       = this.right - this.width;
            this.top        = this.bottom - this.height;
            this.timer      = 0;
            this.pause      = false;
            this.close      = false;
            this.autoHide   = true;
        }
        MessShow.prototype.hide = function()
        {
            if(this.onunload())
            {
                var offset = this.height>this.bottom-this.top?this.height:this.bottom-this.top;
                var me = this;
                if(this.timer>0)
                {
                    window.clearInterval(me.timer);
                }
                var fun = function()
                {
                    if(me.pause==false||me.close)
                    {
                        var x = me.left;
                        var y = 0;
                        var width = me.width;
                        var height = 0;
                        if(me.offset>0){
                            height = me.offset;
                        }   
                        y = me.bottom - height;   
                        if(y>=me.bottom){
                            window.clearInterval(me.timer);
                            me.Pop.hide();
                        } else {
                            me.offset = me.offset - me.step;
                        }
                        me.Pop.show(x,y,width,height);  
                    }         
                }
                this.timer = window.setInterval(fun,this.speed)    
            }
        }
        //消息卸载事件，可以重写
        MessShow.prototype.onunload = function()
        {
            return true;
        }
        // 消息命令事件，要实现自己的连接，请重写它
        MessShow.prototype.oncommand = function()
        {
            window.open(this.action,this.target);
            this.hide();
        }
        // 消息显示方法
        MessShow.prototype.show = function()
        {
            var oPopup = window.createPopup(); //IE5.5+    
            this.Pop = oPopup;  
            var w = this.width;
            var h = this.height;
            var str = "<div style='z-index: 99999;left: 0px;border-right:#005FEE 1px solid;border-top:#005FEE 1px solid;border-left:#005FEE 1px solid;width: " + w + "px;border-bottom:#005FEE 1px solid;position: absolute;top: 0px;height: " + h + "px;background-color:#FFFFFF'>"
                str += "<table style='border-top: #FFFFFF 1px solid;border-left: #FFFFFF 1px solid;' cellSpacing=0 cellPadding=0 width='100%' bgColor=#FFFFFF border=0>"
                str += "<tr>"
                str += "<td style='font-size: 12px;color: #0052CC;' width=30 height=24>∵</td>"
                str += "<td style='padding-left: 4px;font-weight: normal;font-size: 12px;color:#0052CC;padding-top: 4px' valign=middle width='100%'>" + this.caption + "</td>"
                str += "<td style='padding-right: 2px;padding-top: 2px;' valign=middle align=right width=19>"
                str += "<span title=关闭 style='font-weight: bold;font-size: 12px;cursor: hand;color: red;margin-right: 4px;' id='btSysClose' >×</span></td>"
                str += "</tr>"
                str += "<tr>"
                str += "<td style='padding-right: 1px;padding-bottom: 1px;' colSpan=3 height=" + (h-28) + ">"
                str += "<div style='border-right: FFFFFF 1px solid;padding-right: 8px;border-top:#66A3FF 1px solid;padding-left: 8px;font-size: 12px;padding-bottom: 8px;border-left:#FFFFFF 1px solid;width: 100%;color:#FFFFFF;padding-top: 8px;border-bottom:#FFFFFF 1px solid;height: 100%'><font color=#EE0000>" + this.title + "</font><br/><br/>"
                str += "<div style='word-break: break-all;' align=left><a href='javascript:void(0)' hidefocus=true id='btCommand'><font color=#EE0000>" + this.message + "</font></a></div>"
                str += "</div>"
                str += "</td>"
                str += "</tr>"
                str += "</table>"
                str += "</div>";

            oPopup.document.body.innerHTML = str;
            this.offset = 0;
            var me = this;
            oPopup.document.body.onmouseover = function(){me.pause=true;}
            oPopup.document.body.onmouseout = function(){me.pause=false;}
            var fun = function()
            {
                var x = me.left;
                var y = 0;
                var width    = me.width;
                var height    = me.height;
                if(me.offset>me.height)
                {
                    height = me.height;
                }
                else
                {
                    height = me.offset;
                }
                y = me.bottom - me.offset;
                if(y<=me.top)
                {
                    me.timeout--;
                    if(me.timeout==0)
                    {
                        window.clearInterval(me.timer);
                        if(me.autoHide)
                        {
                            me.hide();
                        }
                    }
                }
                else
                {
                    me.offset = me.offset + me.step;
                }
                me.Pop.show(x,y,width,height);
            } 
            this.timer = window.setInterval(fun,this.speed)
            var btClose = oPopup.document.getElementById("btSysClose");
            btClose.onclick = function()
            {
                me.close = true;
                me.hide();
            }
            var btCommand = oPopup.document.getElementById("btCommand");
            btCommand.onclick = function()
            {
                me.oncommand();
            }
        }
        // 设置速度方法
        MessShow.prototype.speed = function(s)
        {
            var t = 10;
            try
            {
                t = praseInt(s);
            }
            catch(e){}
            this.speed = t;
        }
        // 设置步长方法
        MessShow.prototype.step = function(s)
        {
            var t = 2;
            try
            {
                t = praseInt(s);
            }
            catch(e){}
            this.step = t;
        }
        MessShow.prototype.rect = function(left,right,top,bottom)
        {
            try
            {
                this.left   = left?left:0;
                this.right  = right?right:screen.availWidth -1;
                this.top    = top?top:0;
                this.bottom = bottom?bottom:screen.availHeight;
            }
            catch(e){}
        }
        function load()
        {        
            var msg = new MessShow("hello",250,150,"小标题","光之翼，你好！","QQ:272912705 请求加为好友！","_bank","http://www.baidu.com");
            msg.show();
        }
    </script>
</head>
<body οnlοad="javascript:load();">
    <form id="form1" runat="server">
    <div>首页</div>
    </form>
</body>
</html>

菜菜_JING
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
ＱＱ弹出框
10-18
winform里实现电脑屏幕右下角类似ＱＱ弹出框淡入淡出，只需调用Ｓｈｏｗ（string value）方法就可以实现,value代表你要弹出的内容
js弹出框QQ在线客服
04-06
很好看的QQ客服在线js，插入就可以使用
网页点击图标，弹出QQ聊天框
博客园
12-26 1187
&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Title&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;a target
仿QQ底部退出弹出框
lzy_tinyjoy
04-18 2323
前段时间碰到了类似QQ点击头像弹出对话框的需求，为此自己写了demo。可后来发现用到该自定义View的地方不是一处，而且item的数量也不一样，为了能够随意添加item数量，于是就对代码进行了重构，今天就来记录一下。 为了让读者有个大致方向，首先我先把效果图贴出来：
打开网页自动弹出QQ对话框的3种方法
小春的博客
06-24 2万+
打开网页自动弹出QQ对话框的3种方法 www.111cn.net 编辑:kupeer 来源:转载 我们在打开网页时有时会碰到一些网页弹出加ＱＱ群或QQ聊天的一个对话框了，下面我们一起来看看这种方法的实现步骤． 认真的研究了这些网站的源代码，发现了一个东西，一般现在的网站很少使用框架的，因为搜索引擎不能识别框架，但是这些网站却有一个框架，框架的地址就是一行简单的
popOver 弹出框简单使用(仿QQ弹出框)
iOSTianNan的博客
04-12 6985
popOver 弹出框简单使用1.仿QQ弹出框1.1用到的知识点1.1.1如何调整弹出框的大小(这里弹出的也是控制器)这里已经有讲解过http://blog.csdn.net/iostiannan/article/details/511314311.1.2如何使QQ弹出框的文字与弹出框Frame自适应``` 此方法,会返回一个由UIKit子类调用后得到的Size ,此size即是完美适应调用此方法的
Vue+layui多窗口弹出框
qq_41338901的博客
12-05 1192
Vue+layui多窗口弹出框
ios 底部弹出框菜单
smk524198002的专栏
10-15 6871
在IOS开发中，经常用到底部菜单，这是一个简单的底部弹出菜单的实现 代码如下：      头文件（.h）     #import @interface ShareMenuView : UIView { UIButton *_backView; } - (void)show; - (void)hide; @property(nonatomic,copy)void (^ sh
模拟qq弹出框
08-07
在IT行业中，模拟QQ弹出框是一项常见的任务，特别是在开发桌面应用或者进行UI设计时。这个主题涉及到前端编程、用户界面设计以及交互模拟等多个技术领域。这篇博客文章“模拟qq弹出框”（链接：...
自定义控件 ActionSheetDemo（仿QQ弹出框）
09-10
"ActionSheetDemo"是一个仿照最新版QQ弹出框的自定义控件项目，它为开发者提供了在Android应用中实现类似QQ风格的下拉选择菜单的功能。这个项目非常适合Android编程初学者学习，因为它涉及到多个关键知识点，包括...
ios-仿QQ弹出框的demo.zip
07-11
在iOS应用中，我们经常需要创建各种各样的弹出视图，如设置菜单、下拉列表等，而仿QQ弹出框的demo就是利用UIPopoverPresentationController来实现这一功能。 首先，我们需要理解UIPopoverPresentationController的...
仿 qq 弹出框效果
09-24
QQ弹出框是一种常见的用户界面元素，用于向用户显示临时通知、消息提示或者进行交互操作。在网页设计中，仿照QQ的弹出框效果，能够提供一种熟悉且直观的用户体验，让用户在浏览网页时得到类似移动应用的交互感受。...
网页中点击按钮弹出QQ聊天窗口的功能实现
弓长亖石
07-11 2万+
看到网站中有这样的功能：点击某个图片后，可以弹出QQ聊天框和WAP聊天框，在网上虽然能找到实现弹出QQ聊天框的代码，但是两种方式都实现的代码并不好找，后来无意间在QQ推广里看到了一段代码，复制粘贴后把QQ号加了进去，发现就可以了，并不需要开通什么，很简单，以下是方法：1、在代码中加入下面这样一段代码：<a target="_blank" href="http://wpa.qq.com/msgrd?v
Android常见的三种弹框
热门推荐
qq_35698774的博客
04-01 11万+
Android在开发中经常会遇到有弹框的需求。经常使用的有Dialog 弹框，Window弹框，Activity伪弹框这三种。 感谢http://sigechuizi.cn/article/107 今天主要是讲解Dialog的使用： Dialog继承Object,异步调用，不会阻塞UI线程。以下是对他的整体框架： 最常用的还是AlertDialog.今天主要是讲他的用法。AlertDi...
Arco Design for Vue 3 - 快速上手指南与实战技巧
qq_42072014的博客
08-11 500
如果你在使用 TypeScript 时遇到了类型定义问题，确保你安装了正确的类型包，并且版本与 Arco Design 的版本相匹配。Arco Design for Vue 3 是一个非常强大的 UI 框架，它不仅提供了丰富的组件和功能，还有完善的文档和支持。通过本文，你已经掌握了如何快速上手 Arco Design，并学会了一些实用的技巧来提升你的开发效率。希望这些经验能帮助你在 Vue 3 的开发过程中更进一步！
vue3进阶用法之通过调用函数动态加载组件用法及示例
最新发布
wz9608的博客
08-14 153
vue官方文档那边虽然说了函数的使用方法，但没有列举这种业务场景。这里只是做一个简单的实例，其实可以通过这种方法实现其他更多的功能，比如说modal框等等等。
44 个 React 前端面试问题
广漂程序猿DevinRock
08-14 538
虚拟 DOM 是 React 中的一个概念，其中创建实际 DOM（文档对象模型）的轻量级虚拟表示并将其存储在内存中。它是一种用于优化 Web 应用程序性能的编程技术。当 React 组件的数据或状态发生更改时，虚拟 DOM 会被更新，而不是直接操作真实 DOM。然后，虚拟 DOM 计算组件的先前状态和更新状态之间的差异，称为“比较”过程。一旦识别出差异，React 就会高效地仅更新真实 DOM 的必要部分以反映更改。这种方法最大限度地减少了实际 DOM 操作的数量，并提高了应用程序的整体性能。
bootstrap弹出框
08-18
- *2* *3* [Bootstrap 弹出框](https://blog.csdn.net/qq_27870421/article/details/97260000)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值