层的移动效果是怎么做成的

nuero 2010-07-21 05:20:49

http://forrst.com/

网站云的效果是怎么做出来的哪?

JS 修改了LEFT 属性的值?

求具体代码.

...全文

90 9 打赏收藏转发到动态举报

写回复

用AI写文章

9 条回复

切换为时间正序

请发表友善的回复…

发表回复

natici 2010-07-22

打赏
举报

[Quote=引用 7 楼 wings_jk 的回复:]
引用 6 楼 natici 的回复:
lz给的链接里面哪里有移动的层？
那朵云挖～带副眼镜就找到了～哈哈
[/Quote]
完全没看到会动的云，只看到右上角有一朵不动云

KeepMoving 2010-07-22

打赏
举报

用Jquery或者其它JS类库，看里面的动画函数，很容易实现的！

Wings_JK 2010-07-22

打赏
举报

[Quote=引用 6 楼 natici 的回复:]
lz给的链接里面哪里有移动的层？
[/Quote]那朵云挖～带副眼镜就找到了～哈哈

natici 2010-07-22

打赏
举报

lz给的链接里面哪里有移动的层？

Wings_JK 2010-07-22

打赏
举报

[Quote=引用 4 楼 wings_jk 的回复:]
查看源代码，红色的起到这个效果：
Homepage = {
treePadding: 50,
plantTrees: function()
{
$('#trees').css('left', (($(document).width() - $('#trees').width()) / 2) + Homepage.treePadding + 'px');
},
……
[/Quote]
PS:他是用的jQuery

Wings_JK 2010-07-22

打赏
举报

查看源代码，红色的起到这个效果：
Homepage = {
treePadding: 50,
plantTrees: function()
{
$('#trees').css('left', (($(document).width() - $('#trees').width()) / 2) + Homepage.treePadding + 'px');
},
breeze: function()
{
curleft = $('#clouds').css('left').replace('px', '');
$('#clouds').css('left', (curleft - 1) + 'px');
setTimeout('Homepage.breeze();', 180);
} };
$(document).ready(function(){
Homepage.plantTrees();
Homepage.breeze();
$('input[title]').tipsy({gravity: 's', trigger: 'focus'});

$('a.fancy').fancybox({overlayShow: false});

if (typeof window.opera != 'undefined')
{
$('form input.field').css('background', 'transparent')
.css('background-image', 'none')
.css('background-color', 'transparent')
.css('color', '#ad8f52');
}
});

nuero 2010-07-21