工作备份20200924

最新推荐文章于 2024-05-24 17:40:54 发布
最新推荐文章于 2024-05-24 17:40:54 发布
阅读量111 收藏
点赞数
分类专栏： 我的工作记时备忘
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/milijiangjun/article/details/108780313
版权 
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> 
	<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
	<title>展会首页-不带任何底部的-百分</title>
	   <script type="text/javascript" src="JS/jquery1.10.2.min.js"></script>  
	<style type="text/css">
			  
        *{ margin: 0px; padding: 0px; }
         
    		.Show{
            position: absolute;
            display: flex;
            flex-direction: column;
            background-color: red;
            flex: 1;
            width: 100%;
            height: 100%;
            background: url(Img/0.jpg) no-repeat;
            background-size: 100% 100%;
            background-attachment: fixed; 
       }
       .footnav{width:80%;height: 24.11538%; bottom: 0px;position: absolute;margin:0 10%;
/*border:1px solid red;*/
       }
       .foot1,.foot2,.foot3,.foot4,.foot5{float: left;width:20%;height: 100%;}
       .foot1{
          position: absolute;
          width:6.61041%;/*width: 100px;*/
          height:38.9565%;/*height: 85px;*/
          bottom:26.9562%;/*bottom:62px;*/
          left:8.46354%;  /*left:130px;*/ 
          background-color: red;
          opacity: 0.4;
            border-radius: 100%;/*width: 100px;*/
      }
      .foot2{
          position: absolute;
         width:6.61041%;/*width: 100px;*/
           height:38.9565%;/*height: 85px;*/
          bottom:26.9562%;/*bottom:62px;*/
          left:27.9547%; /*left:430px;*/
          background-color: red;
          opacity: 0.4;
           border-radius: 100%;/*width: 100px;*/
      }
      .foot3{
          position: absolute;
          width:12.6953%;/*width: 195px;*/
          height:78.0869%;/*height: 175px;*/
          bottom:23.9130%;/*bottom:55px;*/
          left:43.6197%;/*left:670px;*/
          background-color: red;
          opacity: 0.4;
            border-radius: 100%;/*width: 100px;*/
      }
      .foot4{
          position: absolute;
          width:6.61041%;/*width: 100px;*/
           height:38.9565%;/*height: 85px;*/
          bottom:26.9562%;/*bottom:62px;*/
          left:67.3828%;/*left:1035px;*/
          background-color: red;
          opacity: 0.4;
          border-radius: 100%;/*width: 100px;*/
      }
      .foot5{
          position: absolute;
          width:6.61041%;/*width: 100px;*/
           height:38.9565%;/*height: 85px;*/
          bottom:26.9562%;/*bottom:62px;*/
          left:87.2895%;/*left:1340px;*/
          background-color: red;
          opacity: 0.4;
          border-radius: 100%;/*width: 100px;*/
      }
      .foot6{
          position: absolute;
          width:6.51041%;/*width: 100px;*/
          height:26.9562%;/*height: 62px;*/
          bottom:0;/*bottom:30px;*/
          left:8.46354%;  /*left:130px;*/ 
        /*  background-color: red;
          opacity: 0.4;*/
          
      }
      .foot7{
          position: absolute;
          width:6.51041%;/*width: 100px;*/
          height:26.9562%;/*height: 62px;*/
          bottom:0;/*bottom:30px;*/
         left:27.9947%; /*left:430px;*/
        /*  background-color: red;
          opacity: 0.4;*/
          
      }
      .foot8{
          position: absolute;
          width:6.51041%;/*width: 100px;*/
          height:26.9562%;/*height: 62px;*/
          bottom:0;/*bottom:30px;*/
          left:67.3828%;/*left:1035px;*/
          /*background-color: red;
          opacity: 0.4;*/
          
      }
      .foot9{
          position: absolute;
          width:6.51041%;/*width: 100px;*/
          height:26.9562%;/*height: 62px;*/
          bottom:0;/*bottom:30px;*/
         left:87.2395%;/*left:1340px;*/
       /*   background-color: red;
          opacity: 0.4;*/
          
      }
    
      /*send*/
        /*clip-path: polygon(25px 0,100% 0,100% 100%,0 100%,0 25px); */
        /*send-top-left*/
      .center1{
       /* width: 200px; height: 270px;
        background-color: red;opacity: 0.4; 
        position: absolute;
        left: 540px;top:45px ;
        clip-path: polygon(15px 0,185px 40px,182px 80px,12px 45px );*/
             width: 10.4166%; height: 25.9615%;
        background-color: red;opacity: 0.4; 
        position: absolute;
        left: 28.125%;top:4.3269% ;
        clip-path: polygon(7.5% 0,92.5% 14.8148%,91% 32.6296%,6% 18.6666% ); 
      }
       .center2{ 
        width: 10.4166%; height: 22.9615%;
        background-color: red;opacity: 0.4; 
        position: absolute;
        left: 28.125%;top:9.3269% ;
        clip-path: polygon(7.5% 0,92.5% 14.8148%,91% 32.6296%,6% 18.6666% ); 
      }
      .center3{ 
        width: 10.4166%; height: 22.9615%;
        background-color: red;opacity: 0.4; 
        position: absolute;
        left: 28.025%;top:13.5269% ;
        clip-path: polygon(7.5% 0,92.5% 14.8148%,91% 32.6296%,6% 18.6666% ); 
      }
      .center4{ 
        width: 10.4166%; height: 22.9615%;
        background-color:red ;opacity: 0.4; 
        position: absolute;
        left: 27.925%;top:18.0269% ;
        clip-path: polygon(7.5% 0,92.5% 14.8148%,91% 32.6296%,6% 18.6666% ); 
      }
      .center5{ 
        width: 10.4166%; height: 22.9615%;
        background-color:red ;opacity: 0.4; 
        position: absolute;
        left: 27.725%;top:22.8269% ;
        clip-path: polygon(7.5% 0,92.5% 14.8148%,91% 32.6296%,6% 18.6666% ); 
      }
        /*send-top-left*/
         /*send-top-bottom*/
         .center6{ 
        width: 18.6166%; height: 30.9615%;
        background-color:red  ;opacity: 0.4; 
        position: absolute;
        left: 25.725%;top:38.8269% ;
        clip-path: polygon(6.5% 0,92.5% 14.8148%,92% 32.6296%,6% 18.6666% ); 
      }
      .center7{ 
        width: 8.4166%; height: 16.9615%;
        background-color: red ;opacity: 0.4; 
        position: absolute;
        left: 26.725%;top:45.8269% ;
        clip-path: polygon(7.5% 0,92.5% 8.8148%,91% 27.6296%,6% 18.6666% ); 
      }
      .center8{ 
        width: 8.4166%; height: 16.9615%;
        background-color: red ;opacity: 0.4; 
        position: absolute;
        left: 26.725%;top:49.2269% ;
        clip-path: polygon(7.5% 0,92.5% 8.8148%,91% 27.6296%,6% 18.6666% ); 
      }
      .center9{ 
        width: 8.4166%; height: 16.9615%;
        background-color: red ;opacity: 0.4; 
        position: absolute;
        left: 26.725%;top:53.1269% ;
        clip-path: polygon(7.5% 0,92.5% 8.8148%,91% 27.6296%,6% 18.6666% ); 
      }
      .center10{ 
        width: 8.4166%; height: 16.9615%;
        background-color: red ;opacity: 0.4; 
        position: absolute;
        left: 26.725%;top:57.1269% ;
        clip-path: polygon(7.5% 0,92.5% 8.8148%,91% 27.6296%,6% 18.6666% ); 
      }
      .center11{ 
        width: 8.4166%; height: 16.9615%;
        background-color: red ;opacity: 0.4; 
        position: absolute;
        left: 34.725%;top:47.6269% ;
        clip-path: polygon(7.5% 0,92.5% 8.8148%,91% 27.6296%,6% 18.6666% ); 
      }
      .center12{ 
        width: 8.4166%; height: 16.9615%;
        background-color: red ;opacity: 0.4; 
        position: absolute;
        left: 34.725%;top:51.1269% ;
        clip-path: polygon(7.5% 0,92.5% 8.8148%,91% 27.6296%,6% 18.6666% ); 
      }
            .center13{ 
        width: 8.4166%; height: 16.9615%;
        background-color: red ;opacity: 0.4; 
        position: absolute;
        left: 34.725%;top:55.1269% ;
        clip-path: polygon(7.5% 0,92.5% 8.8148%,91% 27.6296%,6% 18.6666% ); 
      }
            .center14{ 
        width: 8.4166%; height: 16.9615%;
        background-color: red ;opacity: 0.4; 
        position: absolute;
        left: 34.725%;top:59.1269% ;
        clip-path: polygon(7.5% 0,92.5% 8.8148%,91% 27.6296%,6% 18.6666% ); 
      }
        
         /*send-top-bottom*/
         /*send-top-right*/
       .center15{ 
        width: 29.125%; height: 27.437%;
        background-color: red ;opacity: 0.4; 
        position: absolute;
        left: 46.925%;top:13.8269% ;
        clip-path: polygon(0% 80%,80.5% 0%,100% 0%,100% 30%,10% 100%,0% 100% ); 
      }
       .center16{ 
        width:4.7083%; height: 5.7692%;
        background-color: red ;opacity: 0.4; 
        position: absolute;
        left: 47.925%;top:41.5269% ;
        clip-path: polygon(0% 50%,100% 0%,100% 50%,0% 100% ); 
      }
      .center17{ 
        width:4.7083%; height: 5.7692%;
        background-color: red ;opacity: 0.4; 
        position: absolute;
        left: 47.925%;top:46.5269% ;
        clip-path: polygon(0% 50%,100% 0%,100% 50%,0% 100% ); 
      }
      .center18{ 
        width:4.7083%; height: 5.7692%;
        background-color: red ;opacity: 0.4; 
        position: absolute;
        left: 47.925%;top:51.5269% ;
        clip-path: polygon(0% 50%,100% 0%,100% 50%,0% 100% ); 
      }
      .center19{ 
        width:4.7083%; height: 5.7692%;
        background-color: red ;opacity: 0.4; 
        position: absolute;
        left: 53.525%;top:37.5269% ;
        clip-path: polygon(0% 50%,100% 0%,100% 50%,0% 100% ); 
      }
      .center20{ 
        width:4.7083%; height: 5.7692%;
        background-color: red ;opacity: 0.4; 
        position: absolute;
        left: 53.525%;top:42.8269% ;
        clip-path: polygon(0% 50%,100% 0%,100% 50%,0% 100% ); 
      }
      .center21{ 
        width:4.7083%; height: 5.7692%;
        background-color: red ;opacity: 0.4; 
        position: absolute;
        left: 53.525%;top:48.0269% ;
        clip-path: polygon(0% 50%,100% 0%,100% 50%,0% 100% ); 
      }
      .center22{ 
        width:5.7083%; height: 6.7692%;
        background-color: red ;opacity: 0.4; 
        position: absolute;
        left: 59.925%;top:32.1269% ;
        clip-path: polygon(0% 50%,100% 0%,100% 50%,0% 100% ); 
      }
      .center23{   
        width:5.7083%; height: 6.7692%;
        background-color: red ;opacity: 0.4; 
        position: absolute;
        left: 59.925%;top:38.1269% ;
        clip-path: polygon(0% 50%,100% 0%,100% 50%,0% 100% ); 
      }
      .center24{ 
        width:5.7083%; height: 6.7692%;
        background-color: red ;opacity: 0.4; 
        position: absolute;
        left: 59.925%;top:44.1269% ;
        clip-path: polygon(0% 50%,100% 0%,100% 50%,0% 100% ); 
      }
      .center25{ 
        width:7.7083%; height: 9.7692%;
        background-color: red ;opacity: 0.4; 
        position: absolute;
        left: 66.925%;top:25.6269% ;
        clip-path: polygon(0% 50%,100% 0%,100% 50%,0% 100% ); 
      }
      .center26{  
        width:7.7083%; height: 9.7692%;
        background-color: red ;opacity: 0.4; 
        position: absolute;
        left: 66.925%;top:31.6269% ;
        clip-path: polygon(0% 50%,100% 0%,100% 50%,0% 100% ); 
      }
      .center27{ 
        width:7.7083%; height: 9.7692%;
        background-color: red ;opacity: 0.4; 
        position: absolute;
        left: 66.925%;top:37.6269% ;
        clip-path: polygon(0% 50%,100% 0%,100% 50%,0% 100% ); 
      }
         /*send-top-right */

	</style>

</head>
<body>
	<div class="Show" >
    
    <div>
      <!-- 界面定位 -->
        <div class="send" >
            <div class="center1" onclick="c1();"> </div>
            <div class="center2" onclick="c2();"> </div>
            <div class="center3" onclick="c3();"> </div>
            <div class="center4" onclick="c4();"> </div>
            <div class="center5" onclick="c5();"> </div>
            <!-- leftbottom y-y-->
            <div class="center6" onclick="c6();"> </div>
            <div class="center7" onclick="c7();"> </div>
            <div class="center8" onclick="c8();"> </div> 
            <div class="center9" onclick="c9();"> </div> 
            <div class="center10" onclick="c10();"> </div> 
            <div class="center11" onclick="c11();"> </div> 
            <div class="center12" onclick="c12();"> </div> 
            <div class="center13" onclick="c13();"> </div> 
            <div class="center14" onclick="c14();"> </div>
            <!-- right  x-x -->
            <div class="center15" onclick="c15();"> </div>

            <div class="center16" onclick="c16();"> </div>
            <div class="center17" onclick="c17();"> </div>
            <div class="center18" onclick="c18();"> </div>
            <div class="center19" onclick="c19();"> </div>
            <div class="center20" onclick="c20();"> </div>
            <div class="center21" onclick="c21();"> </div>
            <div class="center22" onclick="c22();"> </div>
            <div class="center23" onclick="c23();"> </div>
            <div class="center24" onclick="c24();"> </div>
            <div class="center25" onclick="c25();"> </div>
            <div class="center26" onclick="c26();"> </div>
            <div class="center27" onclick="c27();"> </div>


        </div>
      <!-- 界面定位 -->
    </div>
    <div>
      <!-- 底部定位 -->
        <div class="footnav" >
            <div class="foot1" onclick="foot1c();" ></div>
            <div class="foot2" onclick="foot2c();"></div>
            <div class="foot3" onclick="foot3c();"></div>
            <div class="foot4" onclick="foot4c();"></div>
            <div class="foot5" onclick="foot5c();"></div>
            <div class="foot6" onclick="foot1c();"></div>
            <div class="foot7" onclick="foot2c();"></div>
            <div class="foot8" onclick="foot3c();"></div>
            <div class="foot9" onclick="foot4c();"></div>
        </div>
      <!-- 底部定位 -->
    </div>
  </div>
  
    <script>  
         function c1() {
          alert("合作伙伴");
        }
         function c2() {
          alert("机械工业出版社");
        }
         function c3() {
          alert("中华书局");
        }
         function c4() {
          alert("二十一世纪出版社");
        }
         function c5() {
          alert("生活读书三联书店");
        }
         function c6() {
          alert("合作伙伴2");
        }
         function c7() {
          alert("机械工业出版社1");
        }
         
         function c8() {
          alert("二十一世纪出版社1");
        }
         function c9() {
          alert("机械工业出版社2");
        }
         function c10() {
          alert("二十一世纪出版社2");
        }
         function c11() {
          alert("中华书局1");
        }
         function c12() {
          alert("生活读书三联书店1");
        }
         function c13() {
          alert("中华书局2");
        }
         function c14() {
          alert("生活读书三联书店2");
        }
        function c15() {
          alert("北京百万庄图书展会");
        }
         function c16() {
          alert("右1");
        }
         function c17() {
          alert("右2");
        }
         function c18() {
          alert("右3");
        }
         function c19() {
          alert("右4");
        }
         function c20() {
          alert("右5");
        }
         function c21() {
          alert("右6");
        }
         function c22() {
          alert("右7");
        }
         function c23() {
          alert("右8");
        }
         function c24() {
          alert("右9");
        }
         function c25() {
          alert("右10");
        }
         function c26() {
          alert("右11");
        }
         function c27() {
          alert("右12");
        }





        function foot1c() {
          alert("主办单位");
        }
         function foot2c() {
          alert("合作伙伴");
        }
         function foot3c() {
          alert("进入展会");
        }
         function foot4c() {
          alert("出版社");
        }
         function foot5c() {
          alert("店面分类");
        }
         var w =  document.body.clientWidth;//网页可见区域宽：
         var h = document.body.clientHeight;
         console.log(w);console.log(h);
         var win_w = window.screen.availWidth ;
         var win_h = window.screen.availHeight;//屏幕可用工作区高度
          console.log(win_w);console.log(win_h);  
    </script> 
</body>
</html>
milijiangjun
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
如何制作你自己的电脑游戏
milijiangjun的博客
01-05 2万+
设计一款电脑游戏可不是小任务，但要是你有一个好到无法不付诸行动的点子，那么眼下就是最好的动手时间啦！如今独立开发已经普遍发展，创造一款游戏可谓前所未有的简易廉价。跟随这份指南开始设计和打造你的梦幻游戏吧，然后分享给全世界哦。 方法1 打基础 1 选出你的风格。尽管成功游戏都有其独到之处，但几乎所有游戏也都有特定的风
每日工作备份
u014418118的专栏
03-05 237
想象一下，如果某天你的硬盘突然坏了，那么硬盘上辛苦的工作成果是不是能幸存下来？如果不能该是多么的令人懊恼。如何防范灾难而不让一篮子的鸡蛋一次毁于一旦，让我们一起走进git，让我们辛辛苦苦的工作成果有所保障。 如上图所示，每完成一部分的工作，我都会通过git add . 和git commit提交一次，每天下班前，我会通过git push命令，将我本地git版本库的工作推送到公司g
工作备份
weixin_33860737的博客
11-01 74
2019独角兽企业重金招聘Python工程师标准>>> ...
工作中需要了解的内容备份，将来有时间学习
yinhaijing123的专栏
04-19 359
1、设计模式复习； 2、深度搜素和广度搜索； 3、算法的时间复杂度如何计算；
mysql 备份数据库
热门推荐
thlzjfefe的博客
04-11 1万+
备份mysql数据库，可通过以下命令的方式： 1、备份数据库表结构及数据 导出的脚本中，只包含表结构和表中数据，不包含创建数据库语句，即不包含：CREATE DATABASE /*!32312 IF NOT EXISTS*/ `test` /*!40100 DEFAULT CHARACTER SET utf8 */; mysqldump -hlocalhost -uroot -p123456 test > ./test.sql 其中，-h指定主机地址，-u指定数据库用户名，-p指定数据库密码
使用Python进行数据备份【数据备份指南大全】
最新发布
一键难忘的博客
05-24 5868
利用Python进行数据备份与恢复是一种常见的做法。对于数据库，你可以使用Python中的数据库连接库（如sqlite3、SQLAlchemy等）连接到数据库，然后执行备份操作，将数据库的内容保存到一个备份文件中。对于文件系统，你可以使用Python的os和shutil模块来复制文件和目录，实现文件系统的备份。备份时，通常需要考虑备份的频率、存储位置、数据压缩和加密等问题。在恢复数据时，你可以编写Python脚本来自动化恢复过程，以便在需要时快速恢复数据。定期测试备份数据的完整性和可恢复性也是很重要的。
备份易源代码之每日每日工作备份
07-21
"备份易源代码之每日每日工作备份"的主题强调了源代码的日常备份工作，这是防止数据丢失、确保项目安全的重要步骤。源代码备份通常涉及以下几个核心知识点： 1. **版本控制系统**：大多数开发团队使用版本控制系统...
Oracle rman 增量备份
08-02
Oracle RMAN（Recovery Manager）是Oracle数据库管理系统中一个强大的备份和恢复工具，它提供了多种备份策略，其中增量备份是企业级数据保护的关键组成部分。在Oracle数据库环境中，增量备份允许数据库管理员只备份...
fastboot 备份
05-15
fastboot备份
ps4港服备份
11-28
标题中的“ps4港服备份”指的是PlayStation 4（PS4）游戏主机在港服（香港服务器）的游戏数据备份过程。港服是PS4的一个区域服务器，它提供了专门针对香港地区用户的服务，包括游戏购买、更新和在线内容下载等。 在...
git 提交为空，但是存在尚未跟踪的文件（使用 “git add“ 建立跟踪）
milijiangjun的博客
09-09 4833
今天提交代码的时候发生了错误 提交为空，但是存在尚未跟踪的文件（使用 “git add” 建立跟踪） 百思不得其解。。 然后发现是自己提交的时候 是在项目的外部 然后在进入项目内部就没有这个问题了。内部如图 外部是它的上一级 ...
win10关闭自动更新
milijiangjun的博客
04-12 899
1.点击win10图标右键运行， 输入services.msc2.在弹出的服务中找到 windows update3.双击 将启动类型更改为禁用4.将恢复更改为无操作。这样就可以彻底的关闭win10 的自动更新...
我的工作备忘记录1
milijiangjun的博客
08-10 704
记录下自己的工作记录，记录备忘数据如下 数据整合如下 前段部分重要 其中需要将Json字符串转为对象 参考以下网址-2个 然后进行数据的整合循环 最后结果如下 本文过程复杂，耗费拉很长时间。希望给自己备忘和大家提供思路帮助。
我的工作备忘2
milijiangjun的博客
08-11 570
进行主要备忘。
发展规划设计
milijiangjun的博客
10-09 526
前段的企业的规划
人工只能ai
milijiangjun的博客
09-18 412
https://blog.csdn.net/dQCFKyQDXYm3F8rB0/article/details/100918807
励志
milijiangjun的博客
02-09 390
win10磁盘占用满了
milijiangjun的博客
10-12 374
将其进行关闭掉就可以了
双机热备份架构工作服务器
07-09
双机热备份架构是一种常见的服务器高可用性解决方案，它确保在主服务器故障时，备用服务器能够立即接管工作，从而最小化系统中断时间。这种架构通常包括两台服务器，一台作为主服务器，另一台作为备用服务器。 主...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值