css控制右側二維碼浮動代碼,css浮動代碼

來源:互聯網
上載者:User

css控制右側二維碼浮動代碼,css浮動代碼
<!--請將以下這段代碼放到網頁中您想要顯示固定表徵圖的位置-->
 <div id="FloatDIV" style="position: absolute;top: 0px; border-right: activeborder 1px solid; border-top: activeborder 1px solid; border-left: activeborder 1px solid; border-bottom: activeborder 1px solid; z-index:9999">
    <img src="http://www.freeitjc.com/wp-content/uploads/2014/07/FreeITAPP.jpg" >
 </div>  
 <div id="showservicepeople" class="showservicepeople" onclick="showservicepeople()">
 </div>
<!--可以引用CSS樣式和布局-->
<script type="text/javascript"> 
  var MarginLeft =130;    //浮動層離瀏覽器右側的距離
  var MarginTop = 190;   //浮動層離瀏覽器頂部的距離
  var Width = 20;            //浮動層寬度
  var Heigth= 85;           //浮動層高度
  
  //設定浮動層寬、高
  function Set()
  {
      document.getElementById("FloatDIV").style.width = Width + 'px';
      document.getElementById("FloatDIV").style.height = Heigth + 'px';
  }
  
  //即時設定浮動層的位置
  function Move()
  {
        var b_top = window.pageYOffset  
                || document.documentElement.scrollTop  
                || document.body.scrollTop  
                || 0;
        var b_width= document.body.clientWidth;
      document.getElementById("FloatDIV").style.top = b_top + MarginTop + 'px';
      document.getElementById("FloatDIV").style.left = b_width - Width - MarginLeft + 'px';
      setTimeout("Move();",100);
  }
  
  function showservicepeople()
  {
        location.href=' http://www.freeitjc.com/wp-content/uploads/2014/07/FreeITAPP.jpg';
  } 
  Set();
  Move();

</script>

-from  http://www.freeitjc.com



CSS控制浮動div定位問題

width:200px; height:200px; border:1px solid red; margin-top:10px; margin-left:10px; position:fixed; _position:absolute;_bottom:auto; _top:expression(eval(document.documentElement.scrollTop));
其中高、寬、margin都可以自己修改啦
 
網站怎弄一個二維碼浮動 就像百度貼吧右邊有一個二維碼可以用手機掃的代碼是什

圖片的浮動會做不?
二維碼就是一個圖片。
把需要顯示的內容放在二維碼裡,把二維碼以圖片的形式保持起來,再做下一步的工作。
 

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.