我正在观看velocity.js的教程/演示,它被用来在网站上模拟动态的3D视图:
https://www.youtube.com/watch?v=MDLiVB6g2NY&hd=1
这非常类似于我收到的任务,并且我在逻辑上理解它,但我不知道我需要在HTML中实现以下代码。 我知道我需要一个id =“count”的元素来接收DOM点元素,但我不确定应该是什么类型的元素或者其他参数或附加代码。 我在我的CSS中有一个.dot类,并且可以使用velocity.js进行操作,只是像视频中所示一样将其实例化。
任何帮助和建议都将不胜感激。
var isWebkit = /Webkit/i.test(navigator.userAgent),
isChrome = /Chrome/i.test(navigator.userAgent),
isMobile = !!("ontouchstart" in window),
isAndroid = /Android/i.test(navigator.userAgent);
$.fn.velocity.defaults.easing = "easeInOutSine";
function r(min,max){
return Math.floor(Math.random() * (max-min +1)) +min;
}
var dotsCount = isMobile ? (isAndroid ? 40 : 70) : (isChrome ? 200 : 125),
dotsHtml = "",
$count = $("#count"),
$dots;
//instantite DOM elements
for(var i = 0; i < dotsCount; i++){
dotsHtml += "<div class = 'dot'></div>";
}
$dots = $(dotsHtml);
$count.html(dotsHtml);
任何帮助和建议都将不胜感激。