当前位置: 移动技术网 > IT编程>网页制作>CSS > 弹出可拖动DIV层提示窗口案例

弹出可拖动DIV层提示窗口案例

2019年01月16日  | 移动技术网IT编程  | 我要评论

      弹出可拖动div层提示窗口

      1、代码:

      <scriptlanguage="javascript"> functionalertwin(title,msg,w,h){ vartitleheight="22px";//提示窗口标题高度 varbordercolor="#666699";//提示窗口的边框颜色 vartitlecolor="#ffffff";//提示窗口的标题颜色 vartitlebgcolor="#666699";//提示窗口的标题背景色 varbgcolor="#ffffff";//提示内容的背景色 variwidth=document.documentelement.clientwidth; variheight=document.documentelement.clientheight; varbgobj=document.createelement("p"); bgobj.style.csstext= "position:absolute;left:0px;top:0px;width:"+iwidth+"px;height:"+math.max(document.body.clientheight, iheight)+"px;filter:alpha(opacity=30);opacity:0.3;background-color:#000000;z-index:101;"; document.body.appendchild(bgobj); varmsgobj=document.createelement("p"); msgobj.style.csstext="position:absolute;font:11px '宋体';top:"+(iheight-h)/2+"px;left:"+(iwidth-w)/2+"px;width:"+w+"px;height:"+h+"px;text-align:center;border:1px solid "+bordercolor+";background-color:"+bgcolor+";padding:1px;line-height:22px;z-index:102;"; document.body.appendchild(msgobj); vartable=document.createelement("table");//www.diss5.compcss5 msgobj.appendchild(table); table.style.csstext="margin:0px;border:0px;padding:0px;"; table.cellspacing=0; vartr=table.insertrow(-1); vartitlebar=tr.insertcell(-1); titlebar.style.csstext= "width:100%;height:"+titleheight+"px;text-align:left;padding:3px;margin:0px;font:bold 13px'宋体';color:"+titlecolor+";border:1pxsolid"+bordercolor+ ";cursor:move;background-color:"+titlebgcolor; titlebar.style.paddingleft="10px"; titlebar.innerhtml=title; varmovex=0; varmovey=0; varmovetop=0; varmoveleft=0; varmoveable=false; vardocmousemoveevent=document.onmousemove;//www.pcss5.compcss5 vardocmouseupevent=document.onmouseup; titlebar.onmousedown=function(){ varevt=getevent(); moveable=true; movex=evt.clientx; movey=evt.clienty; movetop=parseint(msgobj.style.top); moveleft=parseint(msgobj.style.left); document.onmousemove=function(){ if(moveable){ varevt=getevent(); varx=moveleft+evt.clientx-movex;//www.pcss5.compcss5 vary=movetop+evt.clienty-movey; if(x>0&&(x+w0&&(y+h×"; closebtn.onclick=function(){ document.body.removechild(bgobj); document.body.removechild(msgobj); } varmsgbox=table.insertrow(-1).insertcell(-1); msgbox.style.csstext="font:10pt'宋体';"; msgbox.colspan=2; msgbox.innerhtml=msg; //获得事件event对象,用于兼容ie和firefox functiongetevent(){ returnwindow.event||arguments.callee.caller.arguments[0]; } } </script>功能实现截图:

      功能实现截图:

      \

    ,点进某个应用即可看到)换取suite_access_token,再以suite_access_token访问应用授权的接口。在最终访问授权企业的接口时,再将suite_access_token换为企业的access_token。接口详情参见“获取第三方应用凭证”

    服务商的token

    以corpid、provider_secret(获取方法为:登录服务商管理后台->标准应用服务->通用开发参数,可以看到)换取provider_access_token,代表的是服务商的身份,而与应用无关。请求单点登录、注册定制化等接口需要用到该凭证。接口详情如下:

    请求方式:post(https
    请求地址:https://qyapi.weixin.qq.com/cgi-bin/service/get_provider_token

    请求包体:

    
    
    { "corpid":"xxxxx", "provider_secret":"xxx" }

    参数说明:

    参数 是否必须 说明
    corpid 服务商的corpid
    provider_secret 服务商的secret,在服务商管理后台可见

    返回结果:

    { "errcode":0 , "errmsg":"ok" , "provider_access_token":"enlsz5xxxxxxjrl", "expires_in":7200 }

    参数说明:

    参数 说明
    provider_access_token 服务商的access_token,最长为512字节。
    expires_in provider_access_token有效期(秒)

如对本文有疑问, 点击进行留言回复!!

相关文章:

验证码:
移动技术网