jQuery 移动 DIV 代码
来源:互联网 发布:linux的dd命令备份 编辑:程序博客网 时间:2024/05/05 12:08
jQuery 写的 移动DIV,适合网页广告
主要代码如下:
$('#showdiv').hide();
var mytop;
var mytop;
var ca_ = 0;
$('.moveBar').css({
'left': ($(window).width() - $('.moveBar').width())/2,
'top': ($(window).height() - $('.moveBar').height())/2
});
ca_ = $('div.moveBar').offset().top;
$('.moveBar').mousedown(
function (event) {
var scrolltop = $(document).scrollTop();
var isMove = true;
var abs_x = event.pageX - $('div.moveBar').offset().left;
var abs_y = event.pageY - $('div.moveBar').offset().top;
$(document).mousemove(function (event) {
if(isMove) {
var obj = $('div.moveBar');
var sz = $(window).height();
obj.css({
'left': event.pageX - abs_x,
'top': event.pageY - abs_y
});
$("#so").html(scrolltop);
$("#divi").html($('div.moveBar').offset().top);
ca_=$('div.moveBar').offset().top - scrolltop;
$("#ca_").html(ca_);
}
}).mouseup(
function () {
isMove = false;
}
);
}
).mouseover(function(filename){
//$("input.btn").hide();
$(this).css("cursor","move");
});
mytop =$('div.moveBar').offset().top;
$(window.document).scroll(function () {
var scrolltop = $(document).scrollTop();
var top=ca_+scrolltop;
$('div.moveBar').offset({ top: top });
$("#so").html(scrolltop);
$("#divi").html($('div.moveBar').offset().top);
$("#ca_").html(ca_);
});
演示下载源码
- jQuery 移动 DIV 代码
- Jquery Div上下移动
- jquery div 跟随鼠标移动
- Jquery Div上下移动示例
- jquery 拖拽div移动效果
- jquery实现div上下移动
- jquery实现div上下移动
- jquery鼠标随意移动div
- Jquery可移动的DIV
- jQuery鼠标随意移动div
- jquery按键监听(移动div)
- Jquery实现鼠标移动div
- jQuery拖动div,移动div,弹出层
- jquery实现div移动(转帖)
- jQuery基础-div层的移动
- 使用jquery实现DIV动画移动
- 【Js--代码模块】最精练的div移动代码
- 基于jquery div模式窗口 javascript 代码
- VM VirtualBox设置Host-only网络连接方式
- SpringBoot_02_MyBatis
- 数据库到Java对象的解决方案初探
- 设计模式之策略模式
- windows在IDEA环境运行spark程序(spark安装在另一台mac机器)
- jQuery 移动 DIV 代码
- fastjson序列化hibernate代理和延迟加载对象出现no session异常的解决办法
- 我的百度实习生面试(一)
- spring mvc Service 获取request
- 谈谈Angular指令bindToController的使用(1.4版本后支持)
- 数据结构之串
- HDU_1241 Oil Deposits(dfs)
- AccessibilityService从入门到出轨
- TABLES参数已经过时 TABLES parameters are obsolete! 问题的解决