Repository URL to install this package:
Version:
11.1.0.9615.XA ▾
|
wps-office
/
opt
/
kingsoft
/
wps-office
/
office6
/
addons
/
officespace
/
mui
/
zh_CN
/
resource
/
qing_plugins.data
|
---|
qres ¦ õf <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>WPS轻办公</title> <link rel="stylesheet" href="css/cloudlink.css" /> <script type="text/javascript" src="js/jquery.min.js"></script> <script type="text/javascript" src="js/common.js"></script> </head> <body> <div class="boot-box" id="bootBox"> <div class="header"> <div class="boot-title">10秒钟!把文档:</div> <ul> <li><span class="list-style-img">扫一下二维码发送到手机</span></li> <li><span class="list-style-img">发送链接和大家一起查看</span></li> </ul> </div> <div class="boot-rocket"> <div class="boot-btn-bg"> <canvas width="116" height="116" class="boot-process" id="circleProcess"></canvas> <div class="boot-inner-btn"> <div class="rock-icons" id="processTxt" style="font-size:14px;"></div> </div> </div> </div> <div class="boot-ops"> <a href="#"></a> </div> <div class="boot-error clearfix" id="message"> <div class="waring-icon"></div> <div class="waring-content"></div> </div> </div> <div class="confirm"> <div class="confirm-box"> <div class="clearfix"> <div class="confirm-icon"></div> <div class="confirm-content"> 云端已存在该文档 </div> </div> <div class="confirm-btns" align="center"> <button id="confirm-ok">替换</button> <button id="confirm-cancal">取消</button> </div> </div> </div> <!-- <div class="boot-box boot-footer" id="bootFooter"> <a href="#" id="my_addr">我的轻地址</a> <a href="#" id="my_help">帮助</a> </div> --> <script type="text/javascript"> <!-- /** * 显示错误入口 **/ function showError(msg){ init(); var errMsg = adaptErrMsg(msg); if(!msg || errMsg == 'fileNameConflict') { return; } $('#message').show(); $('.waring-content').html(errMsg); $('.boot-ops a').text('重新生成分享链接'); } function adaptErrMsg(msg){ var errMsg = msg; if(msg == 'newLinkError') errMsg = "生成分享链接失败,请检查网络"; return errMsg; } /** * 生成入口 **/ function boot(){ //正在生成 if($('.rock-icons').hasClass('rocking')){ return; } //@todo 请客户端补充生成的接口 requestSendCloudlink(); //$('.rock-icons').addClass('rocking saving'); //$('#processTxt').html('保存中<span class="ani_dot">...</span>'); } /** * 提供给客户端用来继续页面的状态的接口 * * @status number 当前的状态 0:初始状态 1:失败状态 * @msg string 当前的的错误信息 */ function bootStatus(status, msg){ if(status == 0){ $('.boot-ops>a').text('分享链接').css('color', '#6492e5'); init(); }else{ showError(msg) } } function requestSendCloudlink(){ var code = window.cloudLinkAPI.jsSendCloudLink(false); if(code == 'fileNameConflict') { //setErrorTip("文件名冲突"); showNameConflict(); return; } } function showNameConflict(){ $('.boot-rocket').attr('disabled', true); $('.boot-ops a').attr('disabled', true); $('.confirm').css('top', 360); $('.confirm').show(); $('#confirm-ok').one('click', function(){ window.cloudLinkAPI.jsSendCloudLink(true); $('.confirm').hide(); $('.boot-rocket').attr('disabled', false); $('.boot-ops a').attr('disabled', false); }); $('#confirm-cancal').one('click', function(){ $('.confirm').hide(); $('.boot-rocket').attr('disabled', false); $('.boot-ops a').attr('disabled', false); }) } /** * 初始页面 * 供客户端调用初始页面 **/ function init(){ $('#message').hide(); $('.waring-content').html(""); $('.rock-icons').removeClass('rocking saving'); $('#processTxt').html(''); } $(function(){ $(window).resize(autoFixFooter); $('.boot-rocket').click(boot); $('.boot-ops a').click(boot); $('#message').delegate('a', 'click', boot); //bootStatus(1,"<span>Test Test Test Test Test Test Test Test Test Test Test Test Test</span><a href='#'>重新生成</a>"); bootStatus(0); }); //--> </script> </body> </html> @<!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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>提示云链打开失败</title> <script type="text/javascript" src="js/jquery.min.js"></script> <script type="text/javascript" src="js/common.js"></script> <script type="text/javascript"> $(function(){ $("#check_all_cloud_link").click(function(){ qingfile.jsShowAllQingAddress(); }); $("#close_button").click(function(){ qingfile.jsClose(); }); $("#close_icon").click(function(){ qingfile.jsClose(); }); view.setPageSize(532, 162); }); </script> <style type="text/css"> //{ border: dotted thin #39F;} *{ font-family:微软雅黑; cursor:default;} body{ margin:0; overflow:hidden;} .layout{ position:relative; width:531px; height:161px; border:solid thin #000;} #close_button:hover{ color:#FF6633; cursor:pointer;} #close_icon:hover{ color:#FF6633; cursor:pointer;} #check_all_cloud_link:hover{ cursor:pointer;} .layout_css_1{ position:absolute; top:2px; left:505px; font-size:20px; font-weight:600;cursor:pointer; } .layout_css_2{ position:absolute; top:52px; left:31px; width:474px; height:56px;} .layout_css_3{ float:left; position:relative; left:24px; top:-2px; color:#FF6633; width: 425px; } .layout_css_4{ position:absolute; top:106px; left:90px; color:#4086E7;cursor:pointer; } .layout_css_5{position:absolute; top:124px; left:450px; width:58px; height:22px; background-color:#999999; color:#FFF; font-size:12px; line-height:180%; text-align:center; } </style> </head> <body> <div class="layout"> <div class="layout_css_1" id="close_icon" onclick="window.clientAPI.jsClose()">×</div> <div class="layout_css_2"> <div style=" float:left;"><img src="img/tip_fail.png" /></div> <div class="layout_css_3"> <span>分享链接不存在,文档将从本地打开</span><br/> <span>请确认您的分享链接未被删除,并且保存在当前登录的账号下</span> </div> </div> <!-- <div class="layout_css_4" id="check_all_cloud_link">查看我的全部轻地址</div> <div class="layout_css_5" id="close_button">关闭</div> --> </div> </body> </html> <!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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script type="text/javascript" src="js/jquery.min.js"></script> <script type="text/javascript" src="js/common.js"></script> <style type="text/css"> *{ margin:0px; padding: 0px; font-weight: normal; } body{ margin:0; padding:none; border:none; color:#666; cursor:default; font:12px/1.7 "微软雅黑"; background-color: #fff; } a{ color:#3893f0; text-decoration: none; } a:hover{ text-decoration: underline; } .layout{ width: 520px; height: 245px; overflow: hidden; position: absolute; top:50%; left: 50%; margin:-122px 0 0 -260px; } .close{ display:block; width: 20px; height: 20px; text-indent: -9999px; background:url(img/qwps_closebtn.jpg) no-repeat center center; position: absolute; top:0px; right: 0px; } .headBox{ height: 155px; border-bottom: 1px solid #e6e7e7; background: url(img/qwps_logo.png) no-repeat center 20px; text-indent: -9999px; } .bodyBox h3{ font-size: 15px; line-height: 1.1; } .bodyBox .fsize16{ font-size: 16px; } .tipBtn{ width: 132px; color:#fff; background-color: #3893f0; font-size: 15px; } .tipBtn:hover{ text-decoration: none; background-color: #59a7f7; } .unlogin h3{ padding: 12px 0; } .unlogin a{ display: inline-block; margin:0 2px; height: 36px; line-height: 36px; } .buyBtn{ position: relative; top:7px; } .unauthorized h3{ padding: 18px 0 12px; } .unauthorized h4{ font-size: 14px; line-height: 1.1; color:#929292; } .authorized h3{ padding: 16px 5px 6px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; } .authorized h4{ font-size: 15px; line-height: 1.4; } .authorized a{ font-size: 14px; } .hide{ display: none; } .tc{ text-align: center; } </style> <title>商业授权</title> </head> <body> <div class="layout"> <a href="javascript:;" class="close hide" id="close">X</a> <div class="headBox hide" id="headBox">WPS</div> <div class="bodyBox"> <!--未登录--> <div class="unlogin tc hide" id="unlogin"> <h3>请登录账号以检查商业授权信息</h3> <p class="clearfix"> <a href="javascript:;" class="tipBtn login">立即登录</a> <a href="javascript:;" class="buyBtn buy_code">购买Plan</a> </p> </div> <!--登录未授权--> <div class="unauthorized tc hide" id="unauthorized"> <h3>您还未获得商业授权,<a href="javascript:;" class="buy_code" >立即购买</a></h3> <h4>如已经购买成功,请点击<a href="javascript:;" class="refresh" >刷新</a></h4> </div> <!--正在授权的设备已达上限--> <div class="unauthorized tc hide" id="devideLimit"> <h3>你正在授权的设备已达上限,当前设备不再获得商业授权。</h3> <h4>您可以下线其它设备,以使当前设备获得授权。<a href="javascript:;" class="manageDevice">设备管理</a> <a href="javascript:;" class="refresh" >刷新</a></h4> </div> <!--登录已授权--> <div class="authorized tc hide" id="authorized"> <h3>尊敬的用户:<span id="userName"></span></h3> <h4>您已成功获得<strong class="fsize16">"WPS office"</strong>的商业授权</h4> <p><a href="javascript:;" class="buy_code">升级Plan</a></p> </div> </div> </div> <script type="text/javascript"> $(function(){ $("#close").click(function(){ qwps.jsClose(); }); $(".login").click(function(){ qwps.jsLogin(); }); $(".buy_code").click(function(){ qwps.jsGoActiveWeb("%vipurl%/pay"); }); $(".manageDevice").click(function(){ qwps.jsGoActiveWeb("%vipurl%/center#!/center/equipment"); }) $(".refresh").click(function(){ qwps.jsRefresh(); }); view.setPageSize(545, 265); }); function showBox(id){ $('#unauthorized, #authorized, #unlogin, #devideLimit').addClass('hide'); $('#close, #headBox').removeClass('hide'); $(id).removeClass('hide'); } //未登录 function waitLogin(){ showBox('#unlogin'); } //登录未授权 function waitActive(errorCode, errorMsg){ if (errorCode == 2) { // 错误码2是授权设备超限了 showBox('#devideLimit'); }else{ // 其它情况都提示去某网页购买就好 showBox('#unauthorized'); } } //登录已授权 function activeOk(name) { $('#userName').text(name); showBox('#authorized'); } </script> </body> </html> W<!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> <link rel="stylesheet" type="text/css" href="css/layout.css"/> <script type="text/javascript" src="js/jquery.min.js"></script> <script type="text/javascript" src="js/common.js"></script> <script type="text/javascript"> var tip = "请在此输入文档名称"; $(function(){ $("input").focus(function(){ if($("input").val() == tip) { $("input").val(""); $("input").css("color", "black"); } }); $("input").blur(function(){ if($("input").val() == "") { $("input").css("color", "rgb(153,153,187)"); $("input").val(tip); } }); $("input").keyup(function(){ if(event.keyCode == 13 || event.keyCode == 0) $(".confirm_button").click(); }); $(".confirm_button").click(function(){ var filename = $("input").val(); if( filename == "" || filename == tip) { $("input").focus(); return; } $("._tip_error").text("正在保存中...").show().css("color", "#cccccc"); setTimeout("requestNewName()", 100); }); init(); }); function init(){ view.setPageSize(962, 602); var filename = cloudLinkAPI.jsGetOriName(); if(filename != "") { $("._tip").test("文件名太长, 请重新命名"); $("input").css("color", "black"); $("input").val(filename); } $("input").focus(); setTimeout("view.setFocus()", 100); } function requestNewName() { var filename = $("input").val(); var code = window.cloudLinkAPI.jsOnAfterNewName(filename); var tip = ""; if (code == 'includeInvalidChar') tip = "文件名不能为空或包含下列字符: \\ / : * ? \" < > | !"; else if (code == 'pathTooLong') tip = "文件名太长!!"; else if (code == 'saveError') tip = "另存为失败!!"; if(tip != "") { setErrorTip(tip); } } var setErrorTip = _setErrorTip(); function _setErrorTip() { var timer_id = 0; var set = function(tip){ clearTimeout(timer_id); $("._tip_error").text(tip); $("._tip_error").css({"display": "block","color": "red"}); timer_id = setTimeout('$("._tip_error").css("display", "none")', 2000); } return set; } </script> <!-- --> <style type="text/css"> ._tip{ position:relative; top:170px; width:100%; height:60px; margin-left:auto; margin-right:auto; text-align:center; font-size:18px; } ._input{ position:relative; top:172px; width:393px;; height:100px; margin-left:auto; margin-right:auto; text-align:center; } input{ width:305px; height:48px; border: solid thin #5A8362; font-size:20px; text-indent:8px; outline:none; } .tip_text{ color:rgb(153,153,187); } .normal_text{ color:black; } .confirm_button{ width:84px; height:52px; background-color:#5A8362; color:#FFF; font-size:20px; line-height:260%; } .confirm_button:hover{ cursor:pointer;} ._tip_error{ display:none; position:absolute; top:288px; left:0; width:100%; font-size:14px; color:#FF0000; text-align:center; } ._tip_recommand{ position:relative; top:252px; margin-left:auto; margin-right:auto; width:472px; text-align:center; } </style> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>文件重命名</title> </head> <!-- ******************************************** --> <body> <div class="layout"> <!-- head --> <div class="head"> <div class="close_icon" title="关闭" onclick="window.cloudLinkAPI.jsClose()">×</div> </div> <!-- content --> <div> <!-- left --> <div class="left"><div class="left_bg"><img src="img/left_button.png"/></div></div> <!-- middle --> <div class="middle"> <!-- 在这里添加内容 --> <div class="_tip">请给您的文档命名</div> <div class="_input"> <div class="float_left"><input type="text" class="tip_text" value="请在此输入文档名称"/></div> <div class="float_left confirm_button">确定</div> </div> <div class="_tip_error">文件名太长,请重新输入</div> <div class="_tip_recommand"> <div><hr color="#E6E8E7" size="1px"/></div> <div style="color:#AFAFAF; font-size:13px;"> <div style=" position:relative; top:5px;">10秒钟!把文档:</div> <div style=" position:relative; top:10px;"><li>扫一下二维码发射到手机</li></div> <div style=" position:relative; top:15px;"><li>贴到微信或米聊大家编辑</li></div> </div> </div> </div> <!-- right --> <div class="right"><div class="right_bg"><img src="img/right_button.png"/></div></div> </div> </div> </body> </html> $<!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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script type="text/javascript" src="js/jquery.min.js"></script> <script type="text/javascript" src="js/common.js"></script> <script type="text/javascript"> $(function(){ $(".close").click(function(){ serialNumber.jsClose(); }); $(".buy_code").click(function(){ clientAPI.jsGotoUrl("%vipurl%/pay/member/20/"); }); $(".input_code").click(function(){ location.href = "activation.html"; }); $(".newest_product").click(function(){ clientAPI.jsGotoUrl("%wpshomeurl%/product/business"); }); view.setPageSize(530, 244); }); </script> <style type="text/css"> body{ margin:0; padding:none; border:none;} *{ font-family:微软雅黑; color:#545454; cursor:default;} .float_left{ position:relative; float:left;} .float_right{ position:relative; float:right;} .layout{ position:relative; left:0; top:0; width:530px; height:244px; overflow:hidden; } .head{ position:relative; left:0; top:0; width:100%; height:48px; background-image:url(img/title_bg.png); } .logo{ position:relative; width:32px; height:100%; top:0; float:left; left:10px; background-image:url(img/wps_logo.png); background-position:center; background-repeat:no-repeat; } .title{ position:relative; float:left; left:20px; top:10px; font-size:18px; font-weight:200; } .close{ position:relative; width:47px; height:100%; float:right; background:url(img/close_button.png) no-repeat center; cursor:pointer; } /***************************/ .content{ position:relative; width:100%; height:192px; top:0; left:0; } .wps_seal{ position:absolute; bottom:0; left:0; width:95px; height:95px; background:url(img/wps_seal.png) no-repeat center; } .thanks_text{ position:relative; top:24px; left:26px; font-size:17px; width: 480px; } .tip_outofdate{ position:relative; top:36px; left:26px; font-size:16px; width: 480px; } .newest_product{ position:relative; float:left; top:86px; left:26px; font-size:14px; color:#5b93f8; cursor:pointer; } .button{ position:relative; float:right; top:86px; right:16px; font-size:15px; } .buy_code{ position:relative; float:left; top:0px; width:100px; height:20px; border:solid thin #333; text-align:center; cursor:pointer; } .input_code{ position:relative; float:left; top:0px; left:10px; width:100px; height:20px; border:solid thin #333; text-align:center; cursor:pointer; } </style> <title>激活码过期提醒</title> </head> <body> <div class="layout"> <div class="head"> <div class="logo"></div> <div class="title">WPS Office 商业版授权</div> <div class="close"></div> </div> <div class="content"> <div class="wps_seal"></div> <div class="thanks_text">感谢您使用本产品。</div> <div class="tip_outofdate"> 您使用的WPS Office 商业版<span style="color:#ff0000">授权已过期</span>,不再享有正版授权的保护<br/> 请更新授权码以继续获得正版授权。 </div> <div class="newest_product">商业版介绍</div> <div class="button"> <div class="buy_code">购买授权码</div> <div class="input_code">输入授权码</div> </div> </div> </div> </body> </html> ¶<!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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script type="text/javascript" src="js/jquery.min.js"></script> <script type="text/javascript" src="js/common.js"></script> <script type="text/javascript"> var input_tip = "请在这里输入您的授权码"; $(function(){ $(".confirm").click(function(){ if($("input").val() == input_tip || $("input").val() == "") { $("input").focus(); return; } $(".error_tip").css("display", "block"); $(".error_tip").css("color", "#cccccc"); $(".error_tip").text("正在验证您的授权码,请稍等..."); var error_number = serialNumber.jsActivate($("input").val()); // 小于0的属于自定义错误 if (error_number >= 0 ) { switch(error_number) { case 0: break; case 1: setErrorTip("授权码不存在,请重新输入"); break; case 2: setErrorTip("授权码已过期,请重新输入"); break; case 3: setErrorTip("授权码不正确,请重新输入"); break; default: setErrorTip("授权码验证失败,请检查网络连接后重试"); break; } } }); $(".cancel").click(function(){ serialNumber.jsClose(); }); $(".close").click(function(){ serialNumber.jsClose(); }); $(".buy_code").click(function(){ clientAPI.jsGotoUrl("%vipurl%/pay/member/20/"); }); $(".about_code").click(function(){ clientAPI.jsGotoUrl("%wpshomeurl%/product/business"); }); $("input").focus(function(){ if($("input").val() == input_tip) { $("input").css("color", "#545454"); $("input").val(""); } }); $("input").blur(function(){ if($("input").val() == "") { $("input").css("color", "#c0c0c0"); $("input").val(input_tip); } }); $("input").keyup(function(){ if(event.keyCode == 13 || event.keyCode == 0) $(".confirm").click(); }); if(checkActivation()) { var title = $(".title").text(); $(".title").text( title + "更新"); } view.setPageSize(530, 244); }); function checkActivation() { return serialNumber.jsHasActived(); } var setErrorTip = _setErrorTip(); function _setErrorTip() { var single_timer_id = 0; var set = function(tip){ clearTimeout(single_timer_id); $(".error_tip").css("display", "block"); $(".error_tip").css("color", "#F00"); $(".error_tip").text(tip); $("input").focus(); $("input").select(); single_timer_id = setTimeout('$(".error_tip").css("display", "none")', 2000); } return set; } function customeErrorMsg(msg) { setErrorTip(msg); } </script> <style type="text/css"> body{ margin:0; padding:none; border:none;} *{ font-family:微软雅黑; color:#545454; cursor:default;} .float_left{ position:relative; float:left;} .float_right{ position:relative; float:right;} .layout{ position:relative; left:0; top:0; width:530px; height:244px; overflow:hidden; } .head{ position:relative; left:0; top:0; width:100%; height:48px; background-image:url(img/title_bg.png); } .logo{ position:relative; width:32px; height:100%; top:0; float:left; left:10px; background-image:url(img/wps_logo.png); background-position:center; background-repeat:no-repeat; } .title{ position:relative; float:left; left:20px; top:10px; font-size:18px; font-weight:200; } .close{ position:relative; width:47px; height:100%; float:right; background:url(img/close_button.png) no-repeat center; cursor:pointer; } /***************************/ .content{ position:relative; width:100%; height:192px; top:0; left:0; } .wps_seal{ position:absolute; bottom:0; left:0; width:95px; height:95px; background:url(img/wps_seal.png) no-repeat center; } .text_ad{ position:relative; top:24px; left:26px; width:455px; height:auto; } .input_text{ position:relative; top:34px; left:26px; width:455px; height:36px; padding:0; } input{ position:relative; top:0; left:0; width:455px; height:32px; font-size:17px; text-indent:8px; color:#c0c0c0; font-weight:200; border:solid thin #888888; } .about_code{ position:relative; float:left; top:40px; left:340px; font-size:14px; font-weight:500; color:#5b93f8; cursor:pointer; } .buy_code{ position:relative; float:left; top:40px; left:356px; font-size:14px; font-weight:500; color:#5b93f8; cursor:pointer; } .buttons{ position:relative; top:76px; left:342px; height:25px; width:188px; } .cancel{ width:80px; height:25px; position:relative; float:left; text-align:center; border:solid thin #B8B8BA; cursor:pointer; line-height:160%; } .confirm{ width:80px; height:25px; position:relative; float:left; left:10px; text-align:center; border:solid thin #B8B8BA; cursor:pointer; line-height:160%; } .error_tip{ display:none; position:absolute; top:95px; left:26px; color:#F00; font-size:14px; } </style> <title>激活码</title> </head> <body> <div class="layout"> <div class="head"> <div class="logo"></div> <div class="title">WPS Office 商业版授权</div> <div class="close"></div> </div> <div class="content"> <div class="wps_seal"></div> <div class="text_ad">获得商用证书,最小成本解除您的办公正版化困扰</div> <div class="input_text"><input value="请在这里输入您的授权码"/></div> <div class="error_tip">授权码不正确,请重新输入</div> <div class="about_code">更多介绍</div> <div class="buy_code">购买授权码</div> <div class="buttons"> <div class="cancel">取消</div> <div class="confirm">确定</div> </div> </div> </div> </body> </html> <!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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>云端文件下载过程</title> <script type="text/javascript" src="js/jquery.min.js"></script> <script type="text/javascript" src="js/common.js"></script> <script type="text/javascript" > function setProgress(percent) { if(percent > 100) percent = 100; if(percent < 0) percent = 0; $("#text_progress").text(percent); $("#progress_bar").css("width", (percent + "%")); } var percent = 0; function test() { percent += 1; setProgress(percent); if(percent > 100) percent = 0; } $(function(){ $("#close_button").click(function(){ qingfile.jsClose(); }); //setInterval("test()", 40); view.setPageSize(533, 173); }); </script> <style type="text/css"> *{ font-family:微软雅黑; cursor:default;} body{ margin:0; overflow:hidden;} div{ position:relative;} .layout div{ position:absolute;} .layout{ position:relative; width:531px; height:171px; border:solid thin #999;} #close_button{top:6px; left:505px; font-size:20px; font-weight:600;} #close_button:hover{ cursor:pointer;color:#FF6633;} .downloadText{ top:76px; font-size:12px; color:#887873; text-align: center; width: 530px; } </style> </head> <body style="overflow:hidden;"> <div class="layout"> <div id="close_button">×</div> <div class="downloadText"> 正在从云端打开 <span style="width:24px; height:16px;" id="text_progress">0</span>%</div> <div style=" top:102px; left:45px; width:441px; height:4px; border:solid thin #CCCCCC; overflow:hidden;"> <div style="position:absolute; top:0; left:0; width:0%; height:100%; background-color:#5A8362;" id="progress_bar"></div> </div> </div> </body> </html> &<!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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script type="text/javascript" src="js/jquery.min.js"></script> <script type="text/javascript" src="js/common.js"></script> <script type="text/javascript"> $(function(){ $(".close").click(function(){ upgradeHint.jsClose(); }); $(".right_btn").click(function(){ clientAPI.jsGotoUrl("http://www.wps.cn/product/business/"); }); view.setPageSize(494, 274); }); </script> <style type="text/css"> body{ margin:0; padding:none; border:none;} .layout{ position:relative; left:0; top:0; width:494px; height:274px; background-size:cover; background-image:url(img/upgrade.png); } .close{ position:relative; width:47px; height:47px; top:0; float:right; background:url(img/close_button.png) no-repeat ; cursor:pointer; } .right_btn{ position:absolute; top:207px; left:293px; width:164px; height:38px; cursor:pointer; } </style> <title>升级提示</title> </head> <body> <div class="layout"> <div class="close"></div> <div class="right_btn"></div> </div> </body> </html> ¦<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>WPS轻办公</title> </head> <style type="text/css"> html{font: 12px/24px "Tahoma","微软雅黑","宋体","Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;color:#000;} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{*font-size:100%}legend{color:#000}a{text-decoration: none;} body {background: #f8f8f8;} .mainCon { min-width: 230px;} .mainCon .top { padding:25px 0 20px; } .mainCon .bottom { width:230px; height:81px; center -359px no-repeat; margin:0 auto; padding-top: 15px; text-align:center;} .mainCon .bottom .text{ margin-bottom:10px; } .mainCon .bottom a { display:block; width:105px; height:35px; text-indent:-9999px; margin:0 auto; } .cloud_file_tip{ width: 230px; margin:0 auto; background:url(img/logintip.png) no-repeat center 0; text-align: center; font:18px/1.4 "Microsoft YaHei","微软雅黑",Helvetica,Tahoma,Arial,SimSun,"宋体",sans-serif; color:#a9bbcd; } .cloud_file_tip p{ padding: 115px 0 15px; border-bottom: 1px solid #ecedee; } </style> <body > <div class="mainCon"> <div class="top"> <div class="cloud_file_tip"> <p>公司、家里、电脑、手机<br/>使用文档,随时随地</p> </div> </div> <div class="bottom"> </div> </div> </body> </html>