$(window).ready(function(){
//当网页加载时,这里是设置DIV的right及bottom,然后再显示,成功
$("div[id=newnotice]").css({"right":"0px","bottom":"0px"});
$("div[id=newnotice]").slideDown("slow"); //滚动时候,这里设置不成功!
$(window).scroll(function(){
$("div[id=newnotice]").css({"bottom":"0px"});
$("div[id=newnotice]").css({"right":"0px","bottom":"1px"});
});
//当浏览器变化时,也设置不成功!
$(window).resize(function(){
$("div[id=newnotice]").css({"bottom":"0px"});
$("div[id=newnotice]").css({"right":"0px","bottom":"1px"});
});
});
请问大家上面两处不成功之处,我应该如何修改?
解决方案 »
- jquery.form插件为什么不能用呢?
- 80分:让300个字自动输入这个表格中 如代码
- 请哥哥,姐姐们 解释这里的JS代码的意思 谢谢啦!
- 怎么实现调用一张图片,点击图片的不同位置,可实现如下两个功能
- 文本框不清空问题!跟ifream有关?
- 用javascript写了一个网站,记帐用的,开源nodejs代码。
- 三个文本框,前两个的值相加,并把值(精确到小数)放在第三个文本框
- [救命啊!!][此页上的ActiveX.....可能不安全.你想允许这种互交吗?]
- 为什么在vbscript中form.submit方法不好用
- 各位大侠!游侠!如何用javascript实现下拉框<select>与另一个<select>的联动呢???
- 大家有Ext JS源码分析与开发实例宝典 DVD么
- 正则出错求解
$(window).scroll(function(){
$("div[id=newnotice]").css({"bottom":"0px"});
$("div[id=newnotice]").css({"right":"0px","bottom":"1px"});
});
//当浏览器变化时,也设置不成功!
$(window).resize(function(){
$("div[id=newnotice]").css({"bottom":"0px"});
$("div[id=newnotice]").css({"right":"0px","bottom":"1px"});
});
这个房到redy的外面看看
$(".center").css({
top: function(index, value) {
return document.body.scrollTop+document.body.clientHeight/20;
}
}
);我的项目代码 这段代码也是放在$(window).ready(function(){ }之外的, 我的代码在IE5,IE6,IE8上 都是正常的,
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
<script src="jquery-1.4.2.min.js"></script>
<script>
$(window).ready(function(){
$("#newNotice").css({"right":1,"bottom":1});
$("#newNotice").slideDown(3000);
$(window).scroll(function(){
moveDiv();
}).resize(function(){
moveDiv();
})
})
function moveDiv(){
var l = $(window).width()-$("#newNotice").width()-5;
var t = $(window).height()-$("#newNotice").height()-5;
$("#newNotice").offset({top:t,left:l})
}
</script>
</head>
<style>
div{
width:400px;
height:400px;
border:1px solid #8000ff;
position:relative;
}
#newNotice{
width:300px;
height:300px;
border:1px solid silver;
position:absolute;
display:none;
}
</style>
<body>
<div id="newNotice"></div>
<div></div>
<div></div>
<div></div>
</body>
</html>是让这个DIV总在最右下角么?
实现原理也在里面了~
$(window).scroll(function(){
$("div[id=newnotice]").css({"bottom":"0px"});
$("div[id=newnotice]").css({"right":"0px","bottom":"1px"});
});
你想要的效果是不是 那个层要跟着 滚动条移动,,你的代码 那样写,显然如果页面非常长的话,拖动滚动条的话,层就消失不见了,或者报错(我没测试),但效果肯定是那样的,,你把你的代码改成$(window).scroll( function() {
$("div[id='newnotice']").css({
top: function(index, value) {
return document.body.scrollTop+document.body.clientHeight/20;//这里你先看效果,就明白
//了具体什么要怎样再调整
}
}
);
$("div[id='newnotice']").css("right","0px");
});还是放在那个页面初始加载的方法外面,去测试看,如果不行我也没办法了