JavaScript Tips

ページの右下に常に画像を表示

常にページの右下に画像を出力するサンプルです。
_getBrowsertype関数はWebブラウザの判定1を参照してください。

<SCRIPT language="JavaScript">

            <!--

            

            function _Load()

            {

              switch (_getBrowsertype()){

                case "IE":

                    imgBack.style.visibility="hidden";

                    setInterval('_IE_AllwaysRightBottom(document,imgBack)',100);

                    break;

                case "NN":

                    document.imgBack.visibility="hide";

                    setInterval('_NN_AllwaysRightBottom(window,document.imgBack,79,27)',100);

                    break;

                default:

                    break;

              } 

            }

            

            function _IE_AllwaysRightBottom(objdoc,objimg)

            {

              objimg.style.visibility="visible";

              objimg.style.pixelLeft=objdoc.body.scrollLeft+(objdoc.body.clientWidth-objimg.width);

              objimg.style.pixelTop=objdoc.body.scrollTop+(objdoc.body.clientHeight-objimg.height);

            }

            

            function _NN_AllwaysRightBottom(objwindow,objimg,imgwidth,imgheight)

            {

              document.imgBack.visibility="show";

              objimg.left=objwindow.pageXOffset+(objwindow.innerWidth-imgwidth-20);

              objimg.top=objwindow.pageYOffset+(objwindow.innerHeight-imgheight);

            }

            

            

            //-->

            </SCRIPT>

            <BODY onload="_Load()">

            <DIV id="imgBack" width="79" height="27" border="0" style="position:absolute">

            <IMG src="jvs027sa.gif" onClick="javaScript:history.back()">

            </DIV>