Dreamweaver JQuery scrolllorama

时间:2013-11-04 17:39:05

标签: javascript jquery jquery-plugins dreamweaver

我无法让dreamlorama在Dreamweaver中工作我会承认我是jquery的新手,但是我已经为了几天的答案擦洗了,似乎无法正常运行或者功能完全正常工作

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
<title>Untitled Document</title>
<link href="Untitled-5.css" rel="stylesheet" type="text/css">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="js/jquery.scrollorama.js"></script>
<script src="js/playjs.js">

</script>
</head>

<body>

<div class="scrollblock" id="intro1">

  <h1 id="title1">Block 1</h1>

</div>



<div class="scrollblock" id="intro2">

  <h1 id="title2">Block 2</h1>

</div>

<div class="scrollblock" id="intro3">

  <h1 id="title3">Block 3</h1>

</div>
</body>
</html>

然后是js

$(document).ready(function() {      
    var scrollorama = $.scrollorama({ blocks:'.scrollblock' });
scrollorama.animate('#title1',{ duration: 300, property:'zoom', end: 8 });
scrollorama.animate('#title2',{ duration: 600, property:'rotate', start:90,end:270 });
scrollorama.animate('#title3',{ duration: 600, property:'left', start:-800,end: 0 });
});

我正在使用这个教程标记来弄清楚我做错了什么,但我似乎无法弄明白......这甚至不起作用......我不知道这是不是一个问题尝试通过Dreamweaver运行插件或考虑到我是这个

的新事实的一些语法问题

0 个答案:

没有答案