多语言展示
当前在线:953今日阅读:26今日分享:39

用JavaScript做升降文字的特殊效果

文字是否可以像在电梯一样,上下升降呢?本节给出了一个升降文字的例子,完成文字上升和文字下降变化的动作。   本节代码主要使用了用于时间定时的 setTimeout 方法和CSS的 style.top,主要功能和用法如下。
工具/原料

Adobe Dreamweaver CS + IE

步骤/方法
1

setTimeout 方法,在执行时是在载入后延迟指定时间后,去执行一次表达式,仅执行一次。

2

CSS的 style.top 可以获得 html 元素距离上方或外层元素的位置,返回的是字符串。该属性可以赋值,根据不同的值,调整不同的距离。

3

  升降文字的特殊效果     

 

升降文字的特殊效果

 
 
 
 

看,这行文字正在上下移动!

 
 
   

4

运行该程序后,页面出现一个文字字符串,自动向下方缓缓移动。当移动到底部时又自动上升,如下图所示。字符串文字会像这样一直上下如电梯般往复循环。

5

注意事项

各平台浏览器下实现的显示的不同情况

推荐信息