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