Пожалуйста, отформатируйте свой код!
Для этого его можно заключить в специальные теги: js/css/html и т.п., например:
[js]
... ваш код...
[/js]
О том, как вставить в сообщение
исполняемый javascript и html-код, а также о дополнительных возможностях форматирования - читайте
http://javascript.ru/formatting.
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<script>
function vpravo()
{
document.getElementById("test").style.marginTop= "-350px";
}
function vlevo()
{
document.getElementById("test").style.marginTop= "0px";
}
</script>
</script>
</head>
<body>
<div id="pic">
<ul id="test">
<li><img src="http://javascript.ru/forum/images/smilies/smile.gif" width="300" height="350"/></li>
<li><img src="http://javascript.ru/forum/images/smilies/unsure.gif" width="300" height="350"/></li>
<li><img src="images/3.jpg" width="300" height="350"/></li>
<li><img src="images/4.jpg" width="300" height="350"/></li>
<li><img src="images/6.jpg" width="300" height="350"/></li>
</ul>
</div>
<style>
#pic {
outline: 1px solid black;
height: 350px;
width: 300px;
overflow: hidden;
}
ul{
margin: 0;
padding: 0;
transition: all 1s ease-in-out;
}
#pic li {
outline: 1px solid black;
height: 350px;
width: 300px;
list-style: none;
}
</style>
<button type="button" onclick="vlevo()">Вниз</button>
<button type="button" onclick="vpravo()">Вверх</button>
</body>
</html>