首页漂浮嵌套模板
最后更新时间:2021年07月27日 人气:...

  首页漂浮嵌套模板,一般用在首页。可以使用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>


热门评论