anton zamov it expert logo    

home page latest news web development curriculum vitae scripts contact me

  • C# (Microsoft .NET)
  • JAVA
  • Dynamic HTML
  • PHP & MySQL
  • ASP.NET - C# & VB.NET
  • Perl & CGI
  • C | C++
  • Vector Markup Language
  • SMIL
  • Assembler
  • Databases
  • Wap Development
  • Web site promotion
  • Web Marketing



How to write more complex SMIL presentation?

(SMIL free example written by Anton Zamov.)


How to write more complex SMIL presentation?

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<?xml version="1.0" encoding="iso-8859-1"?>
<html xmlns:t ="urn:schemas-microsoft-com:time" >
<?IMPORT namespace="t" implementation="#default#time2">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<title>PPI DEMO</title>
<!--TOOLBAR_START-->
<!--TOOLBAR_EXEMPT-->
<!--TOOLBAR_END-->
<style>
.incr { padding:10px;
             position:absolute;
             top:0;
             left:0;
             background:yellowgreen;
             width:100%;
             height:143px;
             filter:progid:DXImageTransform.Microsoft.Alpha(opacity='0');}
BUTTON { position:relative; top:800; border:1px solid black; }
</style>
      
</head>

<body style="font-family:verdana; font-size:70%" oncontextmenu="return false">


<div id="oContain" style="position:absolute; top:0; left:0; width:800; height: 60px; border:1px solid black; overflow:hidden">
<span id="oBox1" class="incr" style="background:#0099cc">
<h2>Protein Protein Interactions Demo (made by A. Zamov)</h2>
</span>
<span id="oBox2" class="incr" style="background:tomato;">
<h2>Animations (written in) : SMIL 2.0 </h2>
</span>
<span id="oBox3" class="incr" style="background:yellow">
<h2>Client Side (written in) : JSCRIPT 5.0 + CSS + VML </h2>
</span>
<span id="oBox4" class="incr" style="background:green">
<h2>Server Side (written in) : C# (.NET Web Services) </h2>
</span>
</div>

<t:animate
      id="slideIn"
      targetElement="oContain"
      attributeName="left"
      begin="0"
      calcMode="spline"
      keySplines=" 0 .75 .25 1"
      keyTimes="0;1 "
      values = "-800;10"
      dur = "1"
      fill="freeze"
/>

<t:seq id="timeline1" repeatCount="indefinite" begin="slideIn.end">
      <t:animate
            id="fade1"
            targetElement="oBox1"
            attributeName="filters.item(0).opacity"
            values = "0;100;10"
            dur = "5"
      />

      <t:animate
            id="fade2"
            targetElement="oBox2"
            attributeName="filters.item(0).opacity"
            values = "0;100;10"
            dur = "5"
      />

      <t:animate
            id="fade3"
            targetElement="oBox3"
            attributeName="filters.item(0).opacity"
            values = "0;100;10"
            dur = "5"
      />

      <t:animate
            id="fade4"
            targetElement="oBox4"
            attributeName="filters.item(0).opacity"
            values = "0;100;10"
            dur = "5"
      />
</t:seq>



</body>
</html>









Jobs Portal, poweful jobs board software

PHP Mall, multi vendors mall website software

Car Portal, php script for auto classifieds websites

NetArt Media, software products and services

Real Estate Portal, web software for real estate portals

Blog System, multi user blog hosting script

PHP Store, powerful e-commerce system written in PHP


C# (Microsoft .NET) | JAVA | Dynamic HTML | PHP & MySQL | Perl & CGI | C | C++ | Vector Markup Language
SMIL | Assembler | Databases | Wap Development | Web site promotion | Web Marketing

Copyright © Anton Zamov 1998 - 2023