首页 新闻 搜索 专区 学院

web前端 jquery javascript页面移动问题

0
悬赏园豆:100 [待解决问题]

我想做一个页面在固定div块里面能够左右上下移动的页面效果。

示例:http://www.milnsbridge.com.au/

页面在中间区域滑动,除上下、左右转动,还有转角转动。

能实现者加QQ详谈。

问题补充:

或许我没把问题说清楚,我想要的其实是他的点击了导航后他内容块的滑动更换。有点像下面这个效果,但是下面这个只能实现当方向的移动,而且是整页面移动了。

http://meeteve.web-116.com/

meeteve的主页 meeteve | 初学一级 | 园豆:14
提问于:2012-05-09 09:32
< >
分享
所有回答(2)
1

就是控制一张图片的现实

az235 | 园豆:8283 (大侠五级) | 2012-05-09 10:39

能具体点么....

支持(0) 反对(0) meeteve | 园豆:14 (初学一级) | 2012-05-09 11:10

有没有相关示例神马的,本人不才初学,求详解。

支持(0) 反对(0) meeteve | 园豆:14 (初学一级) | 2012-05-09 11:14

@meeteve: 就是在div上放一个img,这个img是隐藏的,当鼠标移到这个div上时,就控制img的显示,反之就是控制他的隐藏即可,没有div的拖动

支持(0) 反对(0) az235 | 园豆:8283 (大侠五级) | 2012-05-09 11:14
1

1、导入jQuery UI插件

<script src="jquery-1.7.js" type="text/javascript"></script>
<script src="jquery-ui-1.8.18.custom.min.js" type="text/javascript"></script>

2、假设你要移动的Div的ID是temp

$('div#temp').draggable();

3、OK,Div可以移动了,就这么简单,如果在移动过程中想让此Div在其他Div的上面,可以利用mousedown事件动态修改div的z-Index属性。

息壤 | 园豆:210 (菜鸟二级) | 2012-05-09 11:07

有没有相关示例神马的,本人不才初学,求详解。

支持(0) 反对(0) meeteve | 园豆:14 (初学一级) | 2012-05-09 11:14

@meeteve: 建议找本jquery书翻阅一下,基本语法还是要懂的,不然,别人告诉你方法,你自己也很难读懂。

支持(0) 反对(0) 息壤 | 园豆:210 (菜鸟二级) | 2012-05-09 11:34
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册