anton zamov it expert logo   best php scripts for your website

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>


Still have questions? Ask your question on TechOnlineHelp.com or find more examples on www.netartmedia.net/examples




If this example was useful for you, please support my company and click Like on the button below. Thank you very much!



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

Pharmacy System, software for running online pharmacies

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-2012