是行为还是DHTML?
来源:互联网 发布:软件架构设计 温昱 编辑:程序博客网 时间:2024/04/27 22:00
FrontPage 中的动态功能可以靠 DHTML 或行为实现,哪一个更好呢?个人认为是行为,毕竟实现它的 JS 代码都被放进了网页,发布时很方便,而 DHTML 则因为使用了外部 JS 而不得不多发布一个文件,而且其中会有不必要的 Function.
DHTML 效果实现交换图片
<script language="JavaScript" fptype="dynamicanimation">
<!--
function dynAnimation() {}
function clickSwapImg() {}
//-->
</script>
<script language="JavaScript1.2" fptype="dynamicanimation" src="fpclass/animate.js"><!-- 这里加载了外部 JS -->
</script>
<body onload="dynAnimation()" language="Javascript1.2">
<a onmouseover="var img=document['fpAnimswapImgFP1'];img.imgRolln=img.src;img.src=img.lowsrc?img.lowsrc:img.getAttribute?img.getAttribute('lowsrc'):img.src;" onmouseout="document['fpAnimswapImgFP1'].src=document['fpAnimswapImgFP1'].imgRolln" href="javascript:void(0)">
<img border="0" src="01.jpg" width="141" height="141" id="fpAnimswapImgFP1" name="fpAnimswapImgFP1" dynamicanimation="fpAnimswapImgFP1" lowsrc="02.jpg"></a>
行为实现图片交换
<script language="JavaScript">
<!--
function FP_swapImg() {//v1.0
var doc=document,args=arguments,elm,n; doc.$imgSwaps=new Array(); for(n=2; n<args.length;
n+=2) { elm=FP_getObjectByID(args[n]); if(elm) { doc.$imgSwaps[doc.$imgSwaps.length]=elm;
elm.$src=elm.src; elm.src=args[n+1]; } }
}
function FP_preloadImgs() {//v1.0
var d=document,a=arguments; if(!d.FP_imgs) d.FP_imgs=new Array();
for(var i=0; i<a.length; i++) { d.FP_imgs[i]=new Image; d.FP_imgs[i].src=a[i]; }
}
function FP_getObjectByID(id,o) {//v1.0
var c,el,els,f,m,n; if(!o)o=document; if(o.getElementById) el=o.getElementById(id);
else if(o.layers) c=o.layers; else if(o.all) el=o.all[id]; if(el) return el;
if(o.id==id || o.name==id) return o; if(o.childNodes) c=o.childNodes; if(c)
for(n=0; n<c.length; n++) { el=FP_getObjectByID(id,c[n]); if(el) return el; }
f=o.forms; if(f) for(n=0; n<f.length; n++) { els=f[n].elements;
for(m=0; m<els.length; m++){ el=FP_getObjectByID(id,els[n]); if(el) return el; } }
return null;
}
function FP_swapImgRestore() {//v1.0
var doc=document,i; if(doc.$imgSwaps) { for(i=0;i<doc.$imgSwaps.length;i++) {
var elm=doc.$imgSwaps[i]; if(elm) { elm.src=elm.$src; elm.$src=null; } }
doc.$imgSwaps=null; }
}
// -->
</script>
<body onload="FP_preloadImgs(/*url*/'02.jpg')">
<img border="0" src="01.jpg" width="141" height="141" id="img1" onmouseout="FP_swapImgRestore()" onmouseover="FP_swapImg(1,1,/*id*/'img1',/*url*/'02.jpg')">
- 是行为还是DHTML?
- DHTML+Ajax? MXML+ActionScript? XAML+C#? 是巧合,还是必然?
- DHTML默认行为
- 下拉菜单是表现还是行为
- 认识DHTML中的“行为”组件
- XML 行为(behavior) - 新的DHTML?
- 人工智能投资真热还是“虚火”? 投资仍是小众行为
- DHTML工具栏,Web点击更精彩(3)--工具栏的行为
- \t\tXML 行为(behavior) - 新的DHTML
- DHTML
- DHTML
- DHTML
- DHTML
- DHTML
- DHTML
- DHTML
- 3.2如何选择是在 视图类 还是在 视图的框架窗口类 内实现某种特殊行为?
- 用程序判断设置的是debug还是release以及assert在debug和release版本中的不同行为
- 2月20日-2月26日:新闻策划与研究
- 眼保健操
- 《编程的奥秘》读者问答(时时更新)
- 使用JDBC操作MySql
- 周星驰经典对白
- 是行为还是DHTML?
- 虚函数和析构函数的问题
- Google发布 Page Creator测试
- 我心所想
- 我心所想
- 我心所想
- SQL Server 索引结构及其使用
- Delphi多层开发方案比较(转载)
- 风凉话之我的语言水平