Source of menu.smil

<smil xmlns="http://www.w3.org/2001/SMIL20/Language">

<!-- 
  menu.smil
  demonstrates use of anchors
  calls uxmal.smil 
-->

<head>


  <meta name = "title"
        content = "menus and hypertext in smil" />
  <layout>

    <root-layout height = "500"
                 width = "200"
                 backgroundColor = "blue" />

    <region id = "caption"
            left = "5%"
            top = "5%"
            height = "10%"
            width = "90%"
            backgroundColor = "white" />

    <region id = "rgn1" 
            left = "10%"
            top = "20%"
            height = "10%"
            width = "80%"
            fit = "fill"
            backgroundColor = "yellow" />

    <region id = "rgn2" 
            left = "10%"
            top = "35%"
            height = "10%"
            width = "80%"
            fit = "fill"
            backgroundColor = "yellow" />

    <region id = "rgn3" 
            left = "10%"
            top = "50%"
            height = "10%"
            width = "80%"
            fit = "fill"
            backgroundColor = "yellow" />

    <region id = "rgn4" 
            left = "10%"
            top = "65%"
            height = "10%"
            width = "80%"
            fit = "fill"
            backgroundColor = "yellow" />

    <region id = "rgn5" 
            left = "10%"
            top = "80%"
            height = "10%"
            width = "80%"
            fit = "fill"
            backgroundColor = "yellow" />

  </layout>
</head>

<body>
  <par>
    <text src = "data:,Click%20an%20entry%20or%20type%20a%20number%20to%20choose." 
          region = "caption"/>

    <a href = "addingRegions.smil"
       accesskey = "1" >

      <text src = "data:,1)%20adding%20regions"
            region = "rgn1">
        <param name = "fontFace" value = "comic sans ms" />
        <param name = "fontSize" value = "5" />
        <param name = "hAlign" value = "center" />
        <param name = "vAlign" value = "center" />
        <param name = "fontColor" value = "blue" />
        <param name = "backgroundColor" value ="yellow" />
      </text>
    </a>

    <a href = "seq.smil"
       accesskey = "2" >

      <text src = "data:,2)%20sequences."
            region = "rgn2">
        <param name = "fontFace" value = "comic sans ms" />
        <param name = "fontSize" value = "5" />
        <param name = "hAlign" value = "center" />
        <param name = "vAlign" value = "center" />
        <param name = "fontColor" value = "blue" />
        <param name = "backgroundColor" value ="yellow" />
      </text>
    </a>

    <a href = "trans.smil"
       accesskey = "3" >

      <text src = "data:,3)%20transitions."
            region = "rgn3">
        <param name = "fontFace" value = "comic sans ms" />
        <param name = "fontSize" value = "5" />
        <param name = "hAlign" value = "center" />
        <param name = "vAlign" value = "center" />
        <param name = "fontColor" value = "blue" />
        <param name = "backgroundColor" value ="yellow" />
      </text>
    </a>

    <a href = "overLap.smil"
       accesskey = "4" >

      <text src = "data:,4)%20overlapping%20transitions."
            region = "rgn4">
        <param name = "fontFace" value = "comic sans ms" />
        <param name = "fontSize" value = "5" />
        <param name = "hAlign" value = "center" />
        <param name = "vAlign" value = "center" />
        <param name = "fontColor" value = "blue" />
        <param name = "backgroundColor" value ="yellow" />
      </text>
    </a>

    <a href = "animate.smil"
       accesskey = "5" >

      <text src = "data:,5)%20animation"
            region = "rgn5">
        <param name = "fontFace" value = "comic sans ms" />
        <param name = "fontSize" value = "5" />
        <param name = "hAlign" value = "center" />
        <param name = "vAlign" value = "center" />
        <param name = "fontColor" value = "blue" />
        <param name = "backgroundColor" value ="yellow" />
      </text>
    </a>

  </par>
</body>

</smil>