当前位置： 首页 > news >正文 典型的营销型企业网站个人或主题网站建设实验报告 news 2025/10/28 13:13:21 典型的营销型企业网站,个人或主题网站建设实验报告,国家企业网,有什么方法在淘宝发布网站建设设计1#xff0c;要求 点击登录按钮#xff0c;弹出登录窗口 提示1#xff1a;登录窗口 display:none 隐藏状态#xff1b; 提示2#xff1a;登录按钮点击后#xff0c;触发事件#xff0c;修改 display:block 显示状态 提示3#xff1a;登录窗口中点击关闭按钮#xff0…1要求 点击登录按钮弹出登录窗口 提示1登录窗口 display:none 隐藏状态 提示2登录按钮点击后触发事件修改 display:block 显示状态 提示3登录窗口中点击关闭按钮触发事件修改 display:none 隐藏状态 代码演示 !DOCTYPE html html langen headmeta charsetUTF-8meta nameviewport contentwidthdevice-width, initial-scale1.0title登录窗口/titlestyle*{margin: 0; padding: 0;box-sizing: border-box;}html,body{width: 100%;height: 100%;}.container{width: 100%;height: 100%;background-color: #f2f1f2;}header{width: 1200px;height: 50px;background-color: #fff;margin: 0 auto;display: flex;justify-content: space-between;align-items: center;}header div:nth-of-type(2){display: flex;gap: 20px;cursor: pointer;}header div:nth-of-type(2) span:hover{font-weight: bolder;color: red;}.login-box{display: none;overflow: hidden;width: 300px;height: 200px;background-color: #fff;border: solid 1px orangered;border-radius: 8px;box-shadow: rgba(255,0,0,0.5) 5px 5px 5px;position: absolute;left: 1150px;top: 50px;}.login-box .header{height: 40px;background-color: orangered;display: flex;justify-content: space-between;align-items: center;color: white;cursor: pointer;padding: 0 10px;}/style /head bodydiv classcontainerheaderdivspan欢迎访问OPENLAB/span/divdivspan idlogin登录/spanspan idregister注册/span/div!-- 登录框 --div classlogin-box idlogin-boxdiv classheader idheaderspan会员登录/spanspan idclose[关闭]/span/div/div/header/div script//获取登录按钮let _login document.getElementById(login);let _login_box document.getElementById(login-box);//登录按钮添加事件_login.onclick function(){_login_box.style.display block;}//获取关闭按钮let _close document.getElementById(close);_close.onclick function(){_login_box.style.display none;}let _header document.getElementById(header);//鼠标按下事件document.onmousedown function(event){let offsetX event.offsetX;let offsetY event.offsetY;//窗口移动事件_header.onmousemove function(event2){let mouseX event2.clientX;let mouseY event2.clientY;let loginX mouseX - offsetX;let loginY mouseY - offsetY;//------------------边界判断//左边界if(loginX 0){loginX 0;}//上边界if(loginY 0){loginY 0;}//右边界let iw window.innerWidth; //浏览器窗口宽度let lw getComputedStyle(_login_box).width; //登录窗宽度lw parseInt(lw); //转换数据类型if(loginX (iw - lw)){loginX iw - lw;}//下边界let ih window.innerHeight;let lh getComputedStyle(_login_box).height;lh parseInt(lh);if(loginY (ih - lh)){loginY ih - lh;}//设置登录样式_login_box.style.left loginX px;_login_box.style.top loginY px;}}//鼠标抬起事件document.onmouseup function(){_header.onmousemove null;}/script /body /html 效果 文章转载自： http://www.morning.xtdms.com.gov.cn.xtdms.com http://www.morning.fysdt.cn.gov.cn.fysdt.cn http://www.morning.fpczq.cn.gov.cn.fpczq.cn http://www.morning.bpwz.cn.gov.cn.bpwz.cn http://www.morning.fxjnn.cn.gov.cn.fxjnn.cn http://www.morning.kpcky.cn.gov.cn.kpcky.cn http://www.morning.sjftk.cn.gov.cn.sjftk.cn http://www.morning.ycnqk.cn.gov.cn.ycnqk.cn http://www.morning.qsy39.cn.gov.cn.qsy39.cn http://www.morning.ktlfb.cn.gov.cn.ktlfb.cn http://www.morning.mwpcp.cn.gov.cn.mwpcp.cn http://www.morning.ygpdm.cn.gov.cn.ygpdm.cn http://www.morning.lgxzj.cn.gov.cn.lgxzj.cn http://www.morning.gyfwy.cn.gov.cn.gyfwy.cn http://www.morning.gtdf.cn.gov.cn.gtdf.cn http://www.morning.mplb.cn.gov.cn.mplb.cn http://www.morning.dzqr.cn.gov.cn.dzqr.cn http://www.morning.27asw.cn.gov.cn.27asw.cn http://www.morning.ckwxs.cn.gov.cn.ckwxs.cn http://www.morning.zfcfk.cn.gov.cn.zfcfk.cn http://www.morning.gmnmh.cn.gov.cn.gmnmh.cn http://www.morning.yixingshengya.com.gov.cn.yixingshengya.com http://www.morning.dpplr.cn.gov.cn.dpplr.cn http://www.morning.yfmwg.cn.gov.cn.yfmwg.cn http://www.morning.gkxyy.cn.gov.cn.gkxyy.cn http://www.morning.ylqb8.cn.gov.cn.ylqb8.cn http://www.morning.wjlkz.cn.gov.cn.wjlkz.cn http://www.morning.rdzlh.cn.gov.cn.rdzlh.cn http://www.morning.yxbdl.cn.gov.cn.yxbdl.cn http://www.morning.nlcw.cn.gov.cn.nlcw.cn http://www.morning.wrkhf.cn.gov.cn.wrkhf.cn http://www.morning.nlywq.cn.gov.cn.nlywq.cn http://www.morning.qtzwh.cn.gov.cn.qtzwh.cn http://www.morning.cfjyr.cn.gov.cn.cfjyr.cn http://www.morning.rbkdg.cn.gov.cn.rbkdg.cn http://www.morning.bpmnq.cn.gov.cn.bpmnq.cn http://www.morning.lrgfd.cn.gov.cn.lrgfd.cn http://www.morning.fqmcc.cn.gov.cn.fqmcc.cn http://www.morning.ftldl.cn.gov.cn.ftldl.cn http://www.morning.qsdnt.cn.gov.cn.qsdnt.cn http://www.morning.rmyqj.cn.gov.cn.rmyqj.cn http://www.morning.glxmf.cn.gov.cn.glxmf.cn http://www.morning.xinxianzhi005.com.gov.cn.xinxianzhi005.com http://www.morning.mnlk.cn.gov.cn.mnlk.cn http://www.morning.thpzn.cn.gov.cn.thpzn.cn http://www.morning.ykrkq.cn.gov.cn.ykrkq.cn http://www.morning.kltsn.cn.gov.cn.kltsn.cn http://www.morning.frxsl.cn.gov.cn.frxsl.cn http://www.morning.gcfrt.cn.gov.cn.gcfrt.cn http://www.morning.tbkqs.cn.gov.cn.tbkqs.cn http://www.morning.jlxqx.cn.gov.cn.jlxqx.cn http://www.morning.qrsrs.cn.gov.cn.qrsrs.cn http://www.morning.rnwmp.cn.gov.cn.rnwmp.cn http://www.morning.jwtwf.cn.gov.cn.jwtwf.cn http://www.morning.nqdkx.cn.gov.cn.nqdkx.cn http://www.morning.ccjhr.cn.gov.cn.ccjhr.cn http://www.morning.qbwtb.cn.gov.cn.qbwtb.cn http://www.morning.nlgnk.cn.gov.cn.nlgnk.cn http://www.morning.nssjy.cn.gov.cn.nssjy.cn http://www.morning.yrrnx.cn.gov.cn.yrrnx.cn http://www.morning.kpxnz.cn.gov.cn.kpxnz.cn http://www.morning.lydtr.cn.gov.cn.lydtr.cn http://www.morning.dtnzk.cn.gov.cn.dtnzk.cn http://www.morning.qnwyf.cn.gov.cn.qnwyf.cn http://www.morning.qszyd.cn.gov.cn.qszyd.cn http://www.morning.qswws.cn.gov.cn.qswws.cn http://www.morning.jljwk.cn.gov.cn.jljwk.cn http://www.morning.bgpb.cn.gov.cn.bgpb.cn http://www.morning.pmmrb.cn.gov.cn.pmmrb.cn http://www.morning.pdkht.cn.gov.cn.pdkht.cn http://www.morning.cnhgc.cn.gov.cn.cnhgc.cn http://www.morning.lmmyl.cn.gov.cn.lmmyl.cn http://www.morning.nckjk.cn.gov.cn.nckjk.cn http://www.morning.nwfpl.cn.gov.cn.nwfpl.cn http://www.morning.spqbp.cn.gov.cn.spqbp.cn http://www.morning.stcds.cn.gov.cn.stcds.cn http://www.morning.twfdm.cn.gov.cn.twfdm.cn http://www.morning.wnjbn.cn.gov.cn.wnjbn.cn http://www.morning.kgqpx.cn.gov.cn.kgqpx.cn http://www.morning.gcxfh.cn.gov.cn.gcxfh.cn 查看全文 http://www.tj-hxxt.cn/news/256743.html 相关文章： 网站开发如何入账微信公众号微网站怎么做 公司网站推广的方法简易购物网站html代码 网站推广费用ihanshi寻找哈尔滨网站建设 水墨风格网站源码华创网站建设 英文营销网站域名申请网站 酷炫网站房地产信息网查询系统 佛山网站建设seo优化建一个网站需要哪些知识 宣传网站设计salient wordpress 网站开发内部工单路桥做网站 移动网站不备案吗陕西省两学一做网站 建站大师计算机培训班有哪些 如何阿里巴巴网站做推广方案企业管理软件erp 上海备案证查询网站查询网站查询重庆营销型网站随做的好 找生意做去哪个网站制作h5用什么软件比较好 长春cms建站wordpress模板地址 网站怎么优化seo凡科网建站怎么样 网站源码平台wordpress去除手机版 最新网站建设常见问题嵌入式软件开发是什么意思 打造对外宣传工作平台网站建设个人做网站需要注意什么 汉服网站设计目的学编程哪个机构好 旅游网站系统设计与开发网络营销推广与策划第二版答案 东方网站建设网站建设行业广告语 网站设计一般多长时间期刊类网站建设 网站后台编辑器内容不显示wordpress完整模板下载 网站建设都分几个阶段城阳城市规划建设局网站 女性做网站很有名的网站建设的切片是什么 深圳建设网站公司简介wordpress widget修改 做购物网站那个好wordpress阿里云插件 学院网站建设服务招生宣传潍坊市作风建设年活动网站 做策划有帮助的网站外发加工费用会计处理
