페이지를 로드하면 페이지에서 DIV가 슬라이드됩니다.페이지 스크롤 막대 제거

2367 단어
<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>

좋은 웹페이지 즐겨찾기