1

我不能让scrollorama在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 的插件或一些语法问题

4

0 回答 0