页面加载时，页面中DIV随之滑动出来；去掉页面滚动条

时间：2023-01-07 13:06:00
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
     *{ margin:0px auto;
        padding:0px 0px;}
     #main{
         position:absolute; /*自动适应屏幕大小，需要设置位置*/
         z-index:-1;
         }
      #mian_img{
          width:1920px; height:852px; 
          }
          /*页面中DIV随着页面打开滑动出来*/
      #zzz{
            /*position:absolute;*/
            position:absolute;
            index:2;
            bottom:50px;
            right:0px;
            width:0px;
            height:310px;
            background:url(%E9%A6%96%E9%A1%B5.png);/*活动出来的div背景设置了一张图片，可改颜色*/
            transition:width 2s;
            -webkit-transition:width 2s; /* Safari */
       }
</style>

<script type="text/javascript">
  function aaa(){
     document.getElementById("zzz").style.width="700px";
      }
</script>
</head>

<body onload="aaa()"  style="overflow:hidden;"><!--去掉页面滚动条--><!--onload页面加载时调动方法，实现同步出来-->
     <div>
     <div id="main">
       <img src="首页.jpg" id="mian_img" /><!--背景设置了一张图片-->
     </div>
    <div id="zzz"></div>
 </div>
</body>

 

标签：

相关文章