首页漂浮嵌套模板,一般用在首页。可以使用trs_template置标引入首页模板就好。这样调整可以较为方便的控制在首页漂浮栏目有信息时才显示,没有信息的时候相关的脚本也都没有。相关代码如下:
<TRS_Documents ID="首页漂浮" NUM="1" AUTOMORE="false"><!--飘浮层内容开始--> <DIV style="Z-INDEX:9999; POSITION: absolute;TOP:166px;LEFT:176px; overflow:hidden;" id="float_img" visibility="visible" onmouseover="pause_resume()" onmouseout="start()"> <div style="position:relative"> <span style="CURSOR:pointer;right:0;line-height:20px;" onclick="clearInterval (interval);float_img.style.visibility = 'hidden'">关闭</span><br/> <a href="<TRS_Document FIELD="_RECURL"></TRS_Document>" target="_blank"><img src="<TRS_APPENDIX field='_RECURL' mode='PIC' upload='true' index='0' />" alt="<TRS_APPENDIX field='APPDESC' mode='PIC' upload='true' index='0' />" border='0' /></a> </div> </DIV> <!--飘浮层内容结束控制--> <script language="JavaScript"> var _root=document.documentElement||document.body; //alert(_root.clientWidth); var float_img=document.getElementById("float_img"); var xPos = 20; var yPos = 10; float_img.style.left= xPos+'px'; float_img.style.top = yPos+'px'; var step = 1; var delay = 30; var width,height,Hoffset,Woffset; var y = 1; var x = 1; var interval; float_img.visibility = "visible"; function changePos() { width = _root.clientWidth; height = _root.clientHeight; Hoffset = float_img.offsetHeight; Woffset = float_img.offsetWidth; if (y) { yPos = yPos + step; } else { yPos = yPos - step; } if (yPos < 0) { y = 1; yPos = 0; } if (yPos >= (height - Hoffset)) { y = 0; yPos = (height - Hoffset); } if (x) { xPos = xPos + step; } else { xPos = xPos - step; } if (xPos < 0) { x = 1; xPos = 0; } if (xPos >= (width - Woffset)) { x = 0; xPos = (width - Woffset); } float_img.style.left = xPos + _root.scrollLeft+'px'; float_img.style.top = yPos + _root.scrollTop+'px'; interval = setTimeout('changePos()', delay); } function start() { //interval = setInterval('changePos()', delay); changePos(); } function pause_resume() { clearInterval(interval); } start(); </script> <!--飘浮层内容END--> </TRS_Documents>