如何实现网页的移动盒子(屏幕纸?)?

时间:2011-02-27 19:34:12

标签: php javascript html css

如果您将鼠标放在主页www.techants.com的最左侧部分,则框会移到正面。我试着查看代码,并认为它可能被称为屏幕纸,因为在代码中使用了这个名称。任何人都可以告诉那里使用哪个脚本吗?我怎么能实现这样的事情?

2 个答案:

答案 0 :(得分:1)

如果您已经在使用jQuery,也许这个线程可以帮助您入门: jQuery animate horizontal slide across page

如果您想从左侧滑入,可以替换

#slider {
    right: 0;
}

通过

#slider {
    left: 0;
}

...这会让它自己位于左边0像素,而不是右边。

如果要减小宽度,请更改javascript行

$("#slider").animate({"width":"100%"}, 1000);

到你需要的任何宽度(百分比部分)......'1000'决定速度(在这种情况下是1000毫秒)。

答案 1 :(得分:0)