窗口发生改变事件 定位 jquery
2013-04-01 16:59
155 查看
页面加载事件
$(document).ready(function(){var w=$(window).width();
设置
var L=(w-1080)/2;
$(".type_tip").css("left",L+"px");
/*当窗口发生改变时触发该事件*/
window.onresize = function(){
var Cw=$(window).width();
var CL=(Cw-1080)/2;
$(".type_tip").css("left",CL+"px");
}
})
页面
<style>
.type_tip{position: fixed;}
</style>
<div class="type_tip">
定位
</div>
这样这个div就会根据窗口的大小进行定位
$(document).ready(function(){var w=$(window).width();
设置
var L=(w-1080)/2;
$(".type_tip").css("left",L+"px");
/*当窗口发生改变时触发该事件*/
window.onresize = function(){
var Cw=$(window).width();
var CL=(Cw-1080)/2;
$(".type_tip").css("left",CL+"px");
}
})
页面
<style>
.type_tip{position: fixed;}
</style>
<div class="type_tip">
定位
</div>
这样这个div就会根据窗口的大小进行定位
相关文章推荐
- 父窗口jquery触发iframe按钮事件来改变父窗口元素值
- jquery windows resize 定位指定元素 改变窗口大小
- jquery窗口大小改变事件
- 【JQuery】用JQuery来监听浏览器改变窗口大小事件
- 用jquery ,当改变窗口或屏幕大小时调用function,用哪个事件?
- Jquery 随窗口改变大小不会影响浏览位置,DIV可以在绝对的位置不变.菜单相对位置不变
- 窗口事件的发生顺序
- 关于iphone 上touch事件动态改变元素位置时与touch点发生偏移的问题
- jquery文本改变事件绑定
- Jquery根据浏览器窗口改变调整大小的方法
- jquery 中的$("obj").html('')中的html动态改变之后点击事件失效
- jquery关于页面焦点的定位(文本框获取焦点时改变样式 )
- JS实现的文本框内容发生改变立马触发事件简介
- 浅谈 jQuery 事件源码定位问题
- jquery实现div跟着滚动条滚动滚,不要根据浏览器窗口定位,根据body定位
- 忆龙2009:响应窗口Resize事件改变窗口大小时为何出错
- jquery 内容改变时触发事件 jquery 内容改变时触发事件
- js实现浏览器窗口大小被改变时触发事件的方法
- 父窗口jquery触发iframe按钮事件(转载)
- js之【窗口事件和event对象】(有一个追踪鼠标定位的小栗子)