Leya 发表于 2008-4-8 17:44:25

方块移动

<HEAD>
<TITLE>方框移动</TITLE>
<meta http-equiv="Content-Type" content="text/html; charset=GBK">
<style language="javascript">
<!--
body, td{
        font-size: 9pt;
}
.hidden{display:none;}
.show{display:block;}
-->
</style>
</HEAD>

<BODY>
<SCRIPT LANGUAGE="JavaScript">
<!--
var speed=10;//速度
var ci = 10;//运动次数
var left=0;//方框左位置
var top=0;//方框上位置
var width=0;//方框宽
var height=0;//方框高
var aimleft=0;//目标左位置
var aimtop=0;//目标上位置
var aimwidth=0;//目标宽
var aimheight=0;//目标高
var lb=0;//左步长
var tb=0;//上步长
var wb=0;//宽步长
var hb=0;//高步长
var fk = null;
var aim = null;
var aim1 = null;
function initObj(oid){
        if (!fk){fk = document.getElementById('fk');}
        if (!aim){aim = document.getElementById('aim');}
        if (!aim1)aim1 = document.getElementById('aim1');
//        while (fk.hasChildNodes())fk.removeChild(fk.firstChild);
        if (oid)
                append(fk,document.getElementById(oid),true);
}
function append(o,oc,cloned){
        while (o.hasChildNodes())o.removeChild(o.firstChild);
        if (cloned)oc = oc.cloneNode(true);
        oc.className = 'show';
        o.appendChild(oc);
}
/*
* 取得对象位置、大小
* 取得目标对象位置、大小
*/
function setSource(obj,oid){
        initObj(oid);
        left      = getOffset(obj).Left;
        top       = getOffset(obj).Top;
        width   = obj.offsetWidth;
        height    = obj.offsetHeight;
        aimleft   = getOffset(aim).Left;
        aimtop    = getOffset(aim).Top;
        aimwidth= aim.offsetWidth;
        aimheight = aim.offsetHeight;
        fk.style.display='';
        clearInterval(MyMar);
}

/**
* 设置方向步长、宽高步长
*/
function setStep(){
        lb = (aimleft-left)/ci;
        tb = (aimtop-top)/ci;
        wb = (aimwidth-width)/ci;
        hb = (aimheight-height)/ci;
}

/**
* 移动
*/
function move(){
        setStep();
        left+=lb;
        top+=tb;
        width+=wb;
        height+=hb;
        if(left<aimleft-2 || top<aimtop-2 || width<aimwidth-2 || height<aimheight-2){
                fk.style.left = left+"px";
                fk.style.top = top+"px";
                fk.style.width = width+"px";
                fk.style.height = height+"px";
        }else{
                if (fk)
                        while(fk.hasChildNodes()){append(aim1,fk.firstChild);}
                hiddenFK();
                clearInterval(MyMar)
        }
}

function hiddenFK(){
        initObj();
        fk.style.display='none';
}

/**
* 取得某元素在页面中相对页面左上顶点的位置
*/
function getOffset(obj){
        var offsetleft = obj.offsetLeft;
        var offsettop = obj.offsetTop;
        while (obj.offsetParent != document.body)
        {
                obj = obj.offsetParent;
                offsetleft += obj.offsetLeft;
                offsettop += obj.offsetTop;
        }
        return {Left : offsetleft, Top : offsettop};
}
var MyMar=setInterval(move,speed);

//-->
</SCRIPT>

<div id="fk" style="position: absolute; width: 46px; height: 20px; border: 1px solid #000000 ; display: none"></div>
<TABLE style="border: 1px solid #666666" cellspacing=1 bgcolor=#ff1111 cellpadding=4 border=0>
<TR bgcolor=#ffffff>
        <TD onClick="setSource(this,'t1');MyMar=setInterval(move,speed)">笔记本</TD>
        <TD onClick="setSource(this,'t2');{MyMar=setInterval(move,speed)}">小家电</TD>
        <TD onClick="setSource(this,'t3');{MyMar=setInterval(move,speed)}">电冰箱</TD>
        <TD onClick="setSource(this,'t4');{MyMar=setInterval(move,speed)}">波比娃娃</TD>
        <TD onClick="setSource(this,'t5');{MyMar=setInterval(move,speed)}">小家电</TD>
        <TD onClick="setSource(this,'t6');{MyMar=setInterval(move,speed)}">小家电</TD>
</TR>
</TABLE>









<TABLE id="aim" style="border: 1px solid #666666 ; width: 227px; height: 300px;">
<TR>
        <TD id='aim1' valign="top"></TD>
</TR>
</TABLE>








<TABLE style="border: 1px solid #666666" cellspacing=1 bgcolor=#ff1111 cellpadding=4 border=0>
<TR bgcolor=#ffffff>
        <TD onClick="setSource(this,'t1');MyMar=setInterval(move,speed)">笔记本</TD>
        <TD onClick="setSource(this,'t2');{MyMar=setInterval(move,speed)}">小家电</TD>
        <TD onClick="setSource(this,'t3');{MyMar=setInterval(move,speed)}">电冰箱</TD>
        <TD onClick="setSource(this,'t4');{MyMar=setInterval(move,speed)}">波比娃娃</TD>
        <TD onClick="setSource(this,'t5');{MyMar=setInterval(move,speed)}">小家电</TD>
        <TD onClick="setSource(this,'t6');{MyMar=setInterval(move,speed)}">小家电</TD>
</TR>
</TABLE>
<div id="t1" class="hidden">第1个div</div>
<div id="t2" class="hidden">第2个div</div>
<div id="t3" class="hidden">第3个div</div>
<div id="t4" class="hidden">第4个div</div>
<div id="t5" class="hidden">第5个div</div>
<div id="t6" class="hidden">第6个div</div>
</BODY>

瀚武仪 发表于 2009-3-28 15:39:20

我对论坛的建议,请过目

唉,我说版主大大,我第一次进咱们论坛的时候,我感觉到我终于找到我想要的论坛了,在这里我了解到很多我想要知道的东西,也交到很多朋友!但是咱们这多好的一个论坛啊,如果不让所有有需要的人知道咱们论坛,那就是对版主辛苦劳动的侮辱!我认为咱们这个论坛需要多进行网站推广宣传,以提高人气。

像咱们这种论坛估计只需要一款论坛群发类软件也就差不多了,不过现在群发软件市场很混乱,很多垃圾软件,骗人软件也挺多的,现在市场上唯一网站推广有效果的好像只有论坛群发-论坛推广小助手这一款了,别的基本上都没什么效果了,版主可以亲自尝试下,好像最近他们还在搞什么免费体验活动,要不版主去试试?或者是各位兄弟们没事帮咱们版主过去看看,看软件是否真的好用!他们的网址好像是www.tgxzs.com,有时间去看看吧!

不过我估计您也是挺不容易的,平时还得辛辛苦苦为大家找资料之类的,出太多的钱去宣传咱们网站也不太合适,我建议您可以考虑下现在一些比较流行的网络推广软件,比如说论坛群发推广软件啊,博客群发推广软件啊,邮件群发推广软件啊,这些群发软件都挺便宜的,几百块钱就能对整个互联网进行大范围的推广。

xiao.a 发表于 2009-3-28 18:58:08

(yxh144^(yxh144^发广告的
页: [1]
查看完整版本: 方块移动