[PR]今日のﾆｭｰｽは
｢Infoseek ﾓﾊﾞｲﾙ｣

　

Page Top ▲

HTML+TIME2

HTML+TIME2は、HTML+TIMEに続くMicrosoftが提唱しているHTMLの拡張機能です。
Internet Explorer 6から対応しています。HTML+TIMEと同じくJava Scriptなしで利用できます。

<html xmlns:t="urn:schemas-microsoft-com:time">
<head>
<import namespace="t" implementation="#default#time2">
</head>

　

< t:animateMotion targetElement="ID name" begin="start time" dur="move time" calcMode="linear" fill="freeze" values="position-x, position-y; position-x, position-y,......">

<html xmlns:t="urn:schemas-microsoft-com:time">
<head>
<import namespace="t" implementation="#default#time2">
<style type="text/css">
<!--
p.sample    { font-size: 20pt; font-weight: bold;
              font-family: Arial, Helvetica;
              color: rgb(255,128,0);
              margin: 0px; }
              .time-2 { position: relative;
              margin: 0px 0px; }
div.timebox { position: relative;
              width: 100%; height: 200px;
              background-color: rgb(0,0,0);
              margin: 0px 0px; }
-->
</style>
</head>

　

<div class="timebox">
<div class="time-2" ID="demo-time2">
<p class="sample">
Dynamic HTML Styling</div>
<t:animateMotion targetElement="demo-time2" values="10,150;100,10;100,150;10,10;100,10;100,150" begin="0s" dur="8s" calcMode="linear" fill="freeze">
</div>

Dynamic HTML Styling