jQuery技术

jQuery实用技巧都有哪些?(2)

字号+ 作者:H5之家 来源:H5之家 2017-04-23 14:00 我要评论( )

$(document).ready(function() { $().mousemove(function(e){ //display the x and y axis values inside the div with the id XY $(#XY).html(X Axis : + e.pageX + | Y Axis + e.pageY); });// how to useDIV id=

$(document).ready(function() { $().mousemove(function(e){ //display the x and y axis values inside the div with the id XY $('#XY').html("X Axis : " + e.pageX + " | Y Axis " + e.pageY); }); // how to use <DIV id=XY></DIV> });

11.返回顶部按钮
你可以利用 animate 和 scrollTop 来实现返回顶部的动画,而不需要使用其他插件。

// Back to top $('a.top').click(function () { $(document.body).animate({scrollTop: 0}, 800); return false; }); <!-- Create an anchor tag --> <a class="top" href="#">Back to top</a>

改变 scrollTop 的值可以调整返回距离顶部的距离,而 animate 的第二个参数是执行返回动作需要的时间(单位:毫秒)。

今天为大家先介绍一部分jQuery技巧,后续文章会继续更新,希望大家持续关注。


本文地址:

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • jquery技巧总结(转)

    jquery技巧总结(转)

    2017-04-23 13:01

  • 有效提高 jQuery 代码效率的25个技巧(3)

    有效提高 jQuery 代码效率的25个技巧(3)

    2017-04-23 13:00

  • CSS和javascript+jQuery技巧小结

    CSS和javascript+jQuery技巧小结

    2017-04-22 16:00

  • 了解jQuery技巧来提高你的代码(个人觉得那个jquery的手册很不错)

    了解jQuery技巧来提高你的代码(个人觉得那个jquery的手册很不错)

    2017-04-22 15:03

网友点评
i