html 測試 上入 下出

html 測試 左右 各一 測試

html 測試 單入 單出

html 測試 左入右出

class="ot"









尾部連結 hbbb(xx)

2020年3月31日 星期二

fullScreen 全螢幕顯示的

script requestFullscreen() 全螢幕

<style>
#Full {display: flex;
      justify-content: center;
      align-items: center;
      height: 300px;
      background-color: cornsilk;}

#Full img {width: 300px;}

#Full img{max-width:300px;cursor:zoom-in; margin:10px 10px }
#Full img:-webkit-full-screen {max-width:100%;cursor:zoom-out;}
#Full img:-moz-full-screen    {max-width:100%;cursor:zoom-out;}
#Full img:-ms-fullscreen      {max-width:100%;cursor:zoom-out;}
#Full img:fullscreen          {max-width:100%;cursor:zoom-out;}

</style>


<div id="Full">
<img onclick="FullA(this)" src="https://3.bp.blogspot.com/-NOv_hpzehlU/WpTvDadQpjI/AAAAAAAAPEM/bLNfzwwSX-g94HWq89ZR5QUI2YT_ejMsgCLcBGAs/s1600/IMG-20170401-WA0007.jpg" >"

<img onclick="FullA(this)" src="https://charts.aastocks.com/servlet/Charts?fontsize=12&amp;15MinDelay=T&amp;lang=1&amp;titlestyle=1&amp;vol=1&amp;Indicator=1&amp;indpara1=10&amp;indpara2=20&amp;indpara3=50&amp;indpara4=100&amp;indpara5=150&amp;subChart1=3&amp;ref1para1=12&amp;ref1para2=26&amp;ref1para3=9&amp;scheme=1&amp;com=100&amp;chartwidth=673&amp;chartheight=480&amp;stockid=110000.HK&amp;period=9&amp;type=1&amp;logoStyle=1&amp;g">

<img onclick="FullA(this)" src="https://charts.aastocks.com/servlet/Charts?fontsize=12&amp;15MinDelay=T&amp;lang=1&amp;titlestyle=1&amp;vol=1&amp;Indicator=1&amp;indpara1=10&amp;indpara2=20&amp;indpara3=50&amp;indpara4=100&amp;indpara5=150&amp;subChart1=3&amp;ref1para1=12&amp;ref1para2=26&amp;ref1para3=9&amp;scheme=1&amp;com=100&amp;chartwidth=673&amp;chartheight=480&amp;stockid=111000.HK&amp;period=6&amp;type=1&amp;logoStyle=1&amp;">
</div>


<script>
function FullA(xx){
 var elem = xx;

if(document.fullscreenElement || window.fullScreen || (window.innerWidth == screen.width && window.innerHeight == screen.height)){
        if (document.exitFullscreen) {document.exitFullscreen();}      else
        if (document.msExitFullscreen) {document.msExitFullscreen();}      else
        if (document.mozCancelFullScreen) {document.mozCancelFullScreen();}      else
        if (document.webkitExitFullscreen) {document.webkitExitFullscreen();}
     }

else {       if (elem.requestFullscreen)   {elem.requestFullscreen(); }
        else if (elem.msRequestFullscreen) {elem.msRequestFullscreen();}
        else if (elem.mozRequestFullScreen) {elem.mozRequestFullScreen();}
        else if (elem.webkitRequestFullscreen) {elem.webkitRequestFullscreen(); }
      }
}

</script>

#requestFullscreen() 全螢幕 #exitFullscreen() 全螢幕 #css fullscreen

沒有留言:

張貼留言