大橙子网站建设,新征程启航
为企业提供网站建设、域名注册、服务器等服务
语法: $(element). scrollTop() /$(element). scrollTop(val) ;
成都创新互联是一家专业提供永宁企业网站建设,专注与成都网站建设、做网站、HTML5建站、小程序制作等业务。10年已为永宁众多企业、政府机构等服务。创新互联专业网站制作公司优惠进行中。
eg: 当匹配元素为当前页面,那么当前滚动条到整个页面顶端的距离:
var winPos =$(window). scrollTop ();
$(element). offset().top ; $(element). offset().left ;
$( window ). scroll (function(event){
});
LZ。。你这方法好是好,不过挺费资源的。。 建议你这样做。。
1、监控对象还是跟你做的一样;
2、写入缓存的,不是所有监控对象现在的值,而是,当这个控件focus的时候取它的值,然后再blur的时候再取一次,相对比,如果变化了,缓存新值,如果没有,则不需要缓存,然后再你提交数据的时候,把缓存的值一并释放就可以了。
方法一:在标签上加入 onLoad="" onResize="" 方法 写上对应的方法即可
方法二:window.onresize=function(){///.....} 在方法里面写上对应的代码即可
script
function adjust(obj){
var div = document.getElementById("pad");
var txt = document.getElementById("txt");
var w = document.body.clientWidth;
var h = document.body.clientHeight;
div.style.width = w/3;
div.style.height = h/3;
txt.style.width = w/6;
txt.style.height = h/6;
}
window.onload=function(){
window.onresize = adjust;
adjust();
}
/script
body style="margin:0px;height:0px;"
div id="pad" style="background:red;zoom:1;margin:0px;height:0px;"
input type="text" id="txt"
/div
/body
问题分析:
如存在多个li的情况下,只为其中一个或几个绑定事件,而其他的不受事件影响。方法有很多种,比较简单的办法就是为需要绑定事件的li标签添加class属性。
举例如下:
HTML代码:
ul
li字符串1/li
li字符串2/li
li class="name"字符串3/li
li字符串4/li
li字符串5/li
/ul
jQuery代码:
//绑定class属性包含name的标签。
$('.name').click(function(){
//输入当前标签的内容。
alert($(this).html());
});
页面初始化结果:
点击带有class属性的li(字符串3)的效果:
你可以尝试以下代码:
window.onresize=resizeBannerImage;//当窗口改变宽度时执行此函数
function resizeBannerImage()
{
var winW = $(window).width();
va if( $(window).width() 600 ) {
/* 这里是要执行的代码 */
}
}
知识延展:
几个简单的jQuery使用方法
1.响应事件。在JavaScript中,经常会用到 onclick=“javascript函数”,但是这个方法将页面的设计与逻辑过于紧密的耦合在一起,并不漂亮,可以用jQuery,如下:
$("#check_un").click(function(event){
alert("hello");
event.preventDefault();
});1234
2.将id为title处的内容显示出来
var title = $("#title").html();
alert(title);12
3.得到与类关联的图像的src值
var title = $("#title").html();
alert(title);12
4.统计项目符号的个数
var count = $("li").size();
alert(count);12
5.循环处理符号项
$('li').each(function(){
alert($(this).html());
});123
6.修改页面元素用html()方法
$("#title").html("the awesomest book title ever");