我写了一段:
公司主营业务:成都网站设计、成都做网站、移动网站开发等业务。帮助企业客户真正实现互联网宣传,提高企业的竞争能力。创新互联公司是一支青春激扬、勤奋敬业、活力青春激扬、勤奋敬业、活力澎湃、和谐高效的团队。公司秉承以“开放、自由、严谨、自律”为核心的企业文化,感谢他们对我们的高要求,感谢他们从不同领域给我们带来的挑战,让我们激情的团队有机会用头脑与智慧不断的给客户带来惊喜。创新互联公司推出砀山免费做网站回馈大家。
!DOCTYPE html
html
head
script src="//code.jquery.com/jquery-1.9.1.min.js"/script
meta charset="utf-8"
titleJS Bin(代码在jsbin上但是由于知道发链接会认为推广)/title
/head
body
div class="holder"
img src="
/div
/body
/html
js代码:
$(function() {
var x = 0;
var y = 0;
var tt = setInterval(scrollImg, 10);
function scrollImg() {
var top = Math.abs(Math.sin(x)*50 + 100);
var left = y;
$(".holder").find('img').each(function() {
var $this = $(this);
$(this).css({"margin-top" : top + "px", "margin-left" : y + "px"});
y = y + 1;
x = (0.03) * y + 2;
});
if (y 800)
clearInterval(tt);
}
});
不过我的方向是水平正弦曲线,你修改成一下!就当给你一个思路,你可以设置一下移动的宽度,移动到一定程度在返回,看你的需求了!
正弦(sin) sinA = a / c sinθ = y / r
余弦(cos) cosA = b / c cosθ = y / r
正切(tan) tanA = a / b tanθ = y / x
余切(cot) cotA = b / a cotθ = x / y
js中计算三角函数用Math.sin()等静态方法,参数为弧度
角度与弧度都是角的度量单位
1弧度时,弧长等于半径,那弧长是半径的倍数就是弧度了
弧度 = 弧长 / 半径
弧长 = 弧度 * 半径
弧长 = (角度 / 360) * 周长
角度 = 弧长 / 周长 = 弧长/(2πr) = 弧度*r/(2πr) = 弧度/(2π)
弧度 = 弧长 / 半径 = [(角度 / 360) * 周长] / 半径 =[ (角度 / 360) * 2πr] / r = 角度 * π / 180
function sinx(){
var x=document.getElementById('xxx').value;
var y=Math.sin((x/180)*Math.PI);
document.getElementById('sinx').value=y;
}
function cosx(){
var x=document.getElementById('xxx').value;
var y=Math.cos((x/180)*Math.PI);
document.getElementById('cosx').value=y;
}
input id='xxx' type='text'/
input type='button' onclick='sinx()' value='正弦'/input id='sinx' type='text'/
input type='button' onclick='cosx()' value='余弦'/input id='cosx' type='text'/
javascript 对象执行数学任务: Math 对象方法 以下内容引自w3学校: 如果要用其制作网页特效,方法就多种多样,一言难尽了主要看你喜欢如何设计了。平时加加减减,很少用到Math对象,但是它还是很有作用的。 FF: Firefox, IE: Internet Explorer方法描述FFIEabs(x)返回数的绝对值。13acos(x)返回数的反余弦值。13asin(x)返回数的反正弦值。13atan(x)以介于 -PI/2 与 PI/2 弧度之间的数值来返回 x 的反正切值。13atan2(y,x)返回从 x 轴到点 (x,y) 的角度(介于 -PI/2 与 PI/2 弧度之间)。13ceil(x)对数进行上舍入。13cos(x)返回数的余弦。13exp(x)返回 e 的指数。13floor(x)对数进行下舍入。13log(x)返回数的自然对数(底为e)。13max(x,y)返回 x 和 y 中的最高值。13min(x,y)返回 x 和 y 中的最低值。13pow(x,y)返回 x 的 y 次幂。13random()返回 0 ~ 1 之间的随机数。13round(x)把数四舍五入为最接近的整数。13sin(x)返回数的正弦。13sqrt(x)返回数的平方根。13tan(x)返回角的正切。13toSource()返回该对象的源代码。1-valueOf()返回 Math 对象的原始值。14