首页产品库评测行情新闻|手机数码笔记本台式机DIY硬件数字家庭数码相机办公外设|软件下载游戏开发|社区

更多

数码相机
MP4
LCD
机箱
音箱

天极网 > 软件频道 > 设计在线 > 网页UI设计 >动态HTML技术精彩实例

动态HTML技术精彩实例

2000-06-03 00:00作者:童建平出处:CPCW责任编辑:

  要想提高自己主页的知名度,就是要有可观的回头客,这就要求主页能给人良好的印象,而动态HTML(DHTML)技术制作的动态网页,能产生令人震撼的视觉冲击效果,使你的主页令人流连忘返。

  下面介绍几个精彩实例,以飨读者。

  一、飞行的图片

  在$#@60;head$#@62;中适当位置加入如下代码:

$#@60;script language="JavaScript"$#@62;

$#@60;!--

var left=0;

var top=200;

var stepx=2;

function jump()

{

left=left+stepx;

if(left$#@62;710) stepx=-2;

if(-left$#@62;0) stepx=2;

sign.style.left=left;

sign.style.top=top;

timeID=setTimeout("jump()",100);

}

--$#@62;

$#@60;/script$#@62;

$#@60;body$#@62;改为$#@60;body onload="t=setTimeout(jump(),20)"$#@62;,然后在body后适当位置加入如下代码:

$#@60;div id="sign" style="position:absolute;left:0;top:200;width:135;"$#@62;

$#@60;img src="myphoto.jpg" width="56" height="44" $#@62;

$#@60;/div$#@62;

这样,选定的图片就会在窗口中上部从左往右飞行,碰到右边界向左飞行,不断循环。

共3页。 1 2 3 8 :

关注此文的读者还看过:

返回软件频道首页

共3页。 1 2 3 下一页 末页

软件频道最新更新

热点推荐

IT嘉年华

编辑推荐

热门
推荐

网友关注

软件
资料
游戏

文章排行

本周
本月
最新更新
天极服务| 关于我们| About us| 网站律师| 电子杂志| RSS订阅| 友情合作| 加入我们| 网站地图| MSN/QQ上看天极
TMG
Copyright (C) 1999-2009 Yesky.com, All Rights Reserved
版权所有 天极网络
商务联系、网站内容、合作建议:010-82657868 在线提交意见反馈
渝ICP证B2-20030003号  通用网址:天极网
天极传媒:天极网|比特网|IT专家网|IT商网|52PK游戏网|IT分众
经营性网站备案信息 网警备案 中国网站排名