大家是否可以帮我研究一下榕树下的js代码原理

Question

不知道什么技术实现的，很奇怪在看
http://www.rongshu.com/channels/gy/3002.htm

Answer 1

0027.css:
.mmnn1
{
    BEHAVIOR: url(/htc/0018.htc)
}
.mmnn2
{
    BEHAVIOR: url(/htc/0017.htc);
    POSITION: relative
}0017.htc:
<PUBLIC:EVENT id=finfly name=onFinishedFly />
<PUBLIC:METHOD name=tick />
<PUBLIC:METHOD name=startFly />
<PUBLIC:PROPERTY name=from />
<PUBLIC:PROPERTY name=fromX />
<PUBLIC:PROPERTY name=fromY />
<PUBLIC:PROPERTY name=delay />
<SCRIPT language="JScript">
/*(c)copyright 2001 rain1977.comer  ([email protected])
http://www.dhtmlet.com*/var currCount;
var flyCount;
var flying;
var msecs;
var oTop,oLeft;
msecs=50;
flyCount=20;
flying=false;
style.visibility="hidden";
window.attachEvent("onload",onload);
function onload() {
if (delay!="none") window.setTimeout(uniqueID+".tick()", delay);
}
function tick() {
if (flying==false) startFly(); else doFly();
}function startFly() {
if (fromX==null && fromY==null) {
if (from=="top") {style.posTop=-offsetTop-offsetHeight;
} else if (from=="bottom") {style.posTop=window.document.body.clientHeight;
} else if (from=="right" ) {style.posLeft=window.document.body.clientWidth;
} else {style.posLeft=-offsetLeft-offsetWidth;}
} else {style.posTop=fromY;style.posLeft=fromX;}
style.visibility="visible";
flying=true;
oTop=style.posTop;
oLeft=style.posLeft;
currCount=0;
doFly();
}function doFly() {
var dt,dl;
currCount++;
dt=oTop/flyCount;
dl=oLeft/flyCount;
style.posTop-=dt;
style.posLeft-=dl;
if (currCount<flyCount) {window.setTimeout(uniqueID+".tick();", msecs);
} else {style.posTop=0;style.posLeft=0;flying=false;
evObj=createEventObject();
evObj.setAttribute("resulty",uniqueID);
finfly.fire(evObj);}
}
</SCRIPT>0018.htc:
<event name="onFadeDone" id="FadeDone" />
<property name="duration" />
<property name="offstart" />
<method name="fadeo" />
<method name="doFade" />
<attach event="ondocumentready" handler="startOnLoad" /> 
<script>
/*(c)copyright 2001 rain1977.comer  ([email protected])
http://www.dhtmlet.com*/function startOnLoad() {
if (offstart!=null) {
if (offstart=="") offstart=0;
fadeo(offstart);}
}function fadeo(internalPause) {
if (duration==null) duration=5;
if (internalPause=="") internalPause=0;
element.style.width=element.offsetWidth;
element.style.filter='blendTrans(duration="+duration+")';
window.setTimeout(element.uniqueID+".doFade()",internalPause);
}function doFade() {
if (element.filters.blendTrans.status==0) {
element.filters.blendTrans.Apply();
if (element.style.visibility=="hidden") {element.style.visibility="visible";
} else {element.style.visibility="hidden";}
element.filters.blendTrans.Play();}
}</script>