博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
WAP中实现文字滚动(转)
阅读量:2494 次
发布时间:2019-05-11

本文共 1573 字,大约阅读时间需要 5 分钟。

今天发一篇有关如何在WAP中实现文字滚动动画的教材

虽说没有很大的实际意义,在WAP中没有多少用武之处,但通过这次练习可以了解到ontimer事件的作用

首先说说动画,学FLASH的人就马上会想到帧,在单位时间内播放多少帧就能实现动画的效果(不过文字滚动在HTML网页中也能用marquee实现效果)

WAP中实现文字滚动的效果就只能利用动画的原理实现,因为WML中没有marquee,但是有CARD 的ontimer事件
ontimer类似和JAVASCRIPT中的setTimeout方法,用于指定一个事件。当 标签指定的时间到期后,浏览器就执行ontimer所指定的这个事件。
ontimer可以是一个URL地址,一个卡片组,一个WML网页,一幅图像或其他符合URL定位的规则的文件。
标签指定的时间为正整数,单位大小为1/10秒。

ontimer时间只能包含在card元素或template元素的标签中进行定义,其语法形式如下:

内容(content)
或:
内容(content)
ontimer事件只有一个属性,即ontimer。
它用于指定一个超链(href)的URL地址,指定时间timer过期的时候,用户浏览器就会按照超链(href)的URL打开相应的卡片或者文件。

先测试一个例子

X1
X2

效果为:打开页面后显示X1 2秒后跳到第二个名为C2的CARD 显示X2 5秒后跳回第一个卡片

一般HTML页面中文字滚动效果都是自下而上

可以做这样的设计

第一个卡片显示内容
------------------

XXXXXXXXXXXXXXXXXX

------------------

代码为:
------------------
XXXXXXXXXXXXXXXXXX
------------------

第二个卡片显示内容

------------------

XXXXXXXXXXXXXXXXXX

------------------

代码为:

------------------
XXXXXXXXXXXXXXXXXX
------------------

这样配合ONTIMER事件就能实现文字向上移一行的效果

完整代码如下:

<?xml version="1.0" encoding="gb2312"?>

ttp://www.wapforum.org/DTD/">http://www.wapforum.org/DTD/ wml_1.1.xml">

dim mystr
mystr="文字文字文字文字文字"

'mystr 可由数据库中读出

const mheight=6

'定义滚动高度

const speed=30

'定义滚动速度,快慢自己决定,不过太快小心关不掉^-^

for i= 1 to mheight

if i=mheight then

ii=1
else
ii=i+1
end if
'判断是不是最后一张卡片

response.write (""&vbcrlf)

response.write (""&vbcrlf)

brcount=mheight-i

for j1=0 to brcount-1
response.write ( "
"&vbcrlf)
next
response.write ( mystr&vbcrlf)

response.write (""&vbcrlf)

next
'写出全部卡片

%>

来自 “ ITPUB博客 ” ,链接:http://blog.itpub.net/10294527/viewspace-125165/,如需转载,请注明出处,否则将追究法律责任。

转载于:http://blog.itpub.net/10294527/viewspace-125165/

你可能感兴趣的文章
Docker面试题(二)
查看>>
一、redis面试题及答案
查看>>
消息队列2
查看>>
C++ 线程同步之临界区CRITICAL_SECTION
查看>>
测试—自定义消息处理
查看>>
MFC中关于虚函数的一些问题
查看>>
根据图层名获取图层和图层序号
查看>>
规范性附录 属性值代码
查看>>
提取面狭长角
查看>>
Arcsde表空间自动增长
查看>>
Arcsde报ora-29861: 域索引标记为loading/failed/unusable错误
查看>>
记一次断电恢复ORA-01033错误
查看>>
C#修改JPG图片EXIF信息中的GPS信息
查看>>
从零开始的Docker ELK+Filebeat 6.4.0日志管理
查看>>
How it works(1) winston3源码阅读(A)
查看>>
How it works(2) autocannon源码阅读(A)
查看>>
How it works(3) Tilestrata源码阅读(A)
查看>>
How it works(12) Tileserver-GL源码阅读(A) 服务的初始化
查看>>
uni-app 全局变量的几种实现方式
查看>>
echarts 为例讲解 uni-app 如何引用 npm 第三方库
查看>>