一个好的 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>

还有很多,不一一介绍了, 当然 有一些标签 是和 浏览器有关系的,

在一些浏览器中不支持 某些标签的,这是要注意的。
好了,视频就到这里,下次会演示一下和用户交互的一些操作, 谢谢观看!


“wml_05 ontimer,onenterforward事件使用和标签格式化文本”没有评论

有任何疑问或建议,可以给作者留言:



公告:

  • 2010年5月之前的视频是文字解说演示,没有声音。
  • 2010年5月以后的视频全部带声音。