<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js">
<!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title></title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script language="javascript">
function scrolling(ulId, speed)
{
this.container = document.getElementById(ulId);
this.container.Scroller = this;
this.speed = speed;
this.scroll = function()
{
var c = this.container.firstChild;
var first = null;
while (c)
{
if (c.tagName == 'LI')
{
first = c;
break;
}
c = c.nextSibling;
}
var nodeSize = 78;
var px = 0;
nodeSize = first.clientWidth;
if (first.style.marginLeft != '') {
px = parseInt(first.style.marginLeft);
}
first.style.marginLeft = (px - 2) + 'px';
if (parseInt(first.style.marginLeft) <= -(nodeSize)) {
first.style.marginLeft = '0px';
this.container.removeChild(first);
this.container.appendChild(first);
}
setTimeout('document.getElementById(\'' + this.container.id + '\').Scroller.scroll()', this.speed);
}
setTimeout('document.getElementById(\'' + ulId + '\').Scroller.scroll()', this.speed);
}
</script>
</head>
<body>
<!--[if lt IE 7]>
<p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="#">upgrade your browser</a> to improve your experience.</p>
<![endif]-->
<ul id="scroller">
<li><img src="01.jpg" width="130" border="0" />
<li><img src="02.jpg" width="130" border="0" />
<li><img src="03.jpg" width="130" border="0" /></li>
<li><img src="04.jpg" width="130" border="0" />
</ul>
<script language="javascript" type="text/javascript">
scrolling('scroller', 60);
</script>
<style>
#scroller {
PADDING-RIGHT: 0px;
LIST-STYLE: none none outside;
PADDING-LEFT: 0px;
PADDING-BOTTOM: 0px;
MARGIN: 0px;
OVERFLOW: hidden;
PADDING-TOP: 0px;
HEIGHT: 200px;
TEXT-ALIGN: center
}
#scroller LI {
PADDING-RIGHT: 15px;
PADDING-LEFT: 15px;
FLOAT: left;
PADDING-BOTTOM: 3px;
MARGIN: 0px;
WIDTH: 130px;
HEIGHT: 200px;
PADDING-TOP: 3px;
HEIGHT: 57px
}
</style>
</body>
</html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js">
<!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title></title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script language="javascript">
function scrolling(ulId, speed)
{
this.container = document.getElementById(ulId);
this.container.Scroller = this;
this.speed = speed;
this.scroll = function()
{
var c = this.container.firstChild;
var first = null;
while (c)
{
if (c.tagName == 'LI')
{
first = c;
break;
}
c = c.nextSibling;
}
var nodeSize = 78;
var px = 0;
nodeSize = first.clientWidth;
if (first.style.marginLeft != '') {
px = parseInt(first.style.marginLeft);
}
first.style.marginLeft = (px - 2) + 'px';
if (parseInt(first.style.marginLeft) <= -(nodeSize)) {
first.style.marginLeft = '0px';
this.container.removeChild(first);
this.container.appendChild(first);
}
setTimeout('document.getElementById(\'' + this.container.id + '\').Scroller.scroll()', this.speed);
}
setTimeout('document.getElementById(\'' + ulId + '\').Scroller.scroll()', this.speed);
}
</script>
</head>
<body>
<!--[if lt IE 7]>
<p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="#">upgrade your browser</a> to improve your experience.</p>
<![endif]-->
<ul id="scroller">
<li><img src="01.jpg" width="130" border="0" />
<li><img src="02.jpg" width="130" border="0" />
<li><img src="03.jpg" width="130" border="0" /></li>
<li><img src="04.jpg" width="130" border="0" />
</ul>
<script language="javascript" type="text/javascript">
scrolling('scroller', 60);
</script>
<style>
#scroller {
PADDING-RIGHT: 0px;
LIST-STYLE: none none outside;
PADDING-LEFT: 0px;
PADDING-BOTTOM: 0px;
MARGIN: 0px;
OVERFLOW: hidden;
PADDING-TOP: 0px;
HEIGHT: 200px;
TEXT-ALIGN: center
}
#scroller LI {
PADDING-RIGHT: 15px;
PADDING-LEFT: 15px;
FLOAT: left;
PADDING-BOTTOM: 3px;
MARGIN: 0px;
WIDTH: 130px;
HEIGHT: 200px;
PADDING-TOP: 3px;
HEIGHT: 57px
}
</style>
</body>
</html>
This is dummy text. It is not meant to be read. Accordingly, it is difficult to figure out when to end it. But then, this is dummy text. It is not meant to be read. Period.
ConversionConversion EmoticonEmoticon