
一个好的 wml 页面, 需要一些人性化的东西, 才能带给用户最好的体验,
例如一些自动化操作, 还有一些友好的界面风格, 文本内容大小适中,看上去重点突出,等等。
那么今次这个视频 也就按照上面的思路 来学习一下 有关的知识。
===========================
首先要实现一些自动化的显示, 也就是一些动作事件,不用用户去点击,
看看我给大家介绍的 第一个 事件 ontimer
从字面上意思 跟 时间有关系, 没错,这个事件 就是当你设置好相应的时间,就会自动
执行一下动作。
下面我 根据上次视频 的代码文件 进行修改演示
这是我们上次的代码文件, 去掉一些多余部分。
看上去就是 现在这样。
<wml>
<card id="c1" title="c1 card">
<p>Hello World</p>
</card>
<card id="c2" title="c2 card">
<p>Hi , c2</p>
</card>
</wml>
为它 加入 ontimer 事件
<card id="c1" title="c1 card" ontimer="#c2">
<timer value="30" />
这样表示 , 3秒后 进入 c2 的卡片
这种事件 最适合就是 开始显示一个 欢迎界面,然后进入到具体的页面。
下面进行浏览一下。看到效果了吧,就是这样停顿一下
======================
另外一个事件 就是 跳转页面事件, onenterforward 这个事件名字有点长
你可以分解成这样 on enter forward 也就是 当你进入页面就开始跳转到指定的页面
下面 使用 上次的 wml_04.wml 文件和 第一个 HelloWorld.wml 2个文件进行演示。
我修改 HelloWorld.wml 文件内容 如下:
<wml>
<card onenterforward="wml_04.wml">
<p>Hello World</p>
</card>
</wml>
由于加入了事件,所以 不会显示 Hello World 了, 而是执行 wml_04.wml 文件
onenterforward="wml_04.wml" 这里要注意的就是 文件路径问题,
现在我2个文件放在一起 所以 没有写 路径上去。
-------------
其实还有一些事件的, 例如 : onenterbackward事件 , 这个应该和上面我们演示的
onenterforward 差不多的,这些需要自己去实践了,这里不演示了。
=========================
只有事件 是不够的, 还需要一些 格式化文本的东西
也就是 字体大小 ,颜色, 斜体,等等。
下面简单介绍一下吧。
<p>
<b>Hello World</b> <br/>
<u> hi</u> <br/>
<i>www.17rumen.com</i>
</p>
还有很多,不一一介绍了, 当然 有一些标签 是和 浏览器有关系的,
在一些浏览器中不支持 某些标签的,这是要注意的。
好了,视频就到这里,下次会演示一下和用户交互的一些操作, 谢谢观看!