<!DOCTYPE html>

<html lang=”en” xmlns=”http://www.w3.org/1999/xhtml”&gt;

<head>

<meta charset=”utf-8″ />

<meta http-equiv=”X-UA-Compatible” content=”IE=x”/>

<title></title>

<!– Styles –>

<style style=”text/css“>

body {

font: normal 10px Verdana, Arial, sans-serif;

}

h1, h2 {

font-size: 24px;

}

.example1 {

background-color: cadetblue;

height: 80px;

overflow: hidden;

position: relative;

}

.example1 h3 {

font-size: 30px;

color: white;

position: absolute;

width: 100%;

height: 100%;

margin: 0;

line-height: 80px;

text-align: center;

/* Starting position */

-moz-transform: translateX(100%);

-webkit-transform: translateX(100%);

transform: translateX(100%);

/* Apply animation to this element */

-moz-animation: example1 15s linear infinite;

-webkit-animation: example1 15s linear infinite;

animation: example1 15s linear infinite;

}

/* Move it (define the animation) */

@-moz-keyframes example1 {

0% {

-moz-transform: translateX(100%);

}

100% {

-moz-transform: translateX(-100%);

}

}

@-webkit-keyframes example1 {

0% {

-webkit-transform: translateX(100%);

}

100% {

-webkit-transform: translateX(-100%);

}

}

@keyframes example1 {

0% {

-moz-transform: translateX(100%); /* Firefox bug fix */

-webkit-transform: translateX(100%); /* Firefox bug fix */

transform: translateX(100%);

}

100% {

-moz-transform: translateX(-100%); /* Firefox bug fix */

-webkit-transform: translateX(-100%); /* Firefox bug fix */

transform: translateX(-100%);

}

}

}

</style>

</head>

<body>

<table cellspacing=”60″>

<tr>

<th>

<iframe src=”http://free.timeanddate.com/clock/i5k5bvda/n1648/szw300/szh300/hoc000/hbw2/hfceee/cf100/hncccc/fdi76/mqc000/mql10/mqw4/mqd98/mhc000/mhl10/mhw4/mhd98/mmc000/mml10/mmw1/mmd98&#8243; frameborder=”0″ width=”300″ height=”300″></iframe>

</th>

<th>

<iframe src=”http://free.timeanddate.com/clock/i5k5bvda/n179/szw300/szh300/hoc000/hbw2/hfceee/cf100/hncccc/fdi76/mqc000/mql10/mqw4/mqd98/mhc000/mhl10/mhw4/mhd98/mmc000/mml10/mmw1/mmd98&#8243; frameborder=”0″ width=”300″ height=”300″></iframe>

</th>

<th>

<iframe src=”http://free.timeanddate.com/clock/i5k5bvda/n136/szw300/szh300/hoc000/hbw2/hfceee/cf100/hncccc/fdi76/mqc000/mql10/mqw4/mqd98/mhc000/mhl10/mhw4/mhd98/mmc000/mml10/mmw1/mmd98&#8243; frameborder=”0″ width=”300″ height=”300″></iframe>

</th>

<th>

<iframe src=”http://free.timeanddate.com/clock/i5k5bvda/n197/szw300/szh300/hoc000/hbw2/hfceee/cf100/hncccc/fdi76/mqc000/mql10/mqw4/mqd98/mhc000/mhl10/mhw4/mhd98/mmc000/mml10/mmw1/mmd98&#8243; frameborder=”0″ width=”300″ height=”300″></iframe>

</th>

</tr>

<tr>

<th>

<h1>India (IST)</h1>

</th>

<th>

<h1>New York</h1>

</th>

<th>

<h1>London</h1>

</th>

<th>

<h1>Arizona Phoenix</h1>

</th>

</tr>

<tr>

<th>

<h1></h1>

</th>

<th>

<a href=”https://www.weatherforyou.com/weather/new+york/new+york.html”&gt;

<img src=”https://www.weatherforyou.net/fcgi-bin/hw3/hw3.cgi?config=png&forecast=zone&alt=hwizone&place=new+york&state=ny&country=us&hwvbg=&hwvtc=&hwvdisplay=&daysonly=2&maxdays=4&#8243; width=”300″ height=”200″ border=”0″ alt=”New York, New York, weather forecast”>

</a>

</th>

<th>

<h1></h1>

</th>

<th>

<a href=”https://www.weatherforyou.com/weather/arizona/phoenix.html”&gt;

<img src=”https://www.weatherforyou.net/fcgi-bin/hw3/hw3.cgi?config=png&forecast=zone&alt=hwizone&place=phoenix&state=az&country=us&hwvbg=&hwvtc=&hwvdisplay=&daysonly=2&maxdays=4&#8243; width=”300″ height=”200″ border=”0″ alt=”Phoenix, Arizona, weather forecast”>

</a>

</th>

</tr>

</table>

<br />

<!– HTML –>

<div class=”example1″>

<h3>show like a news ticker</h3>

</div>

</body>

</html>

Advertisements