首页 > 代码库 > jQuery
jQuery
才开始学习不就的jQuery ,虽然不是很习惯(用css2,css3习惯了),但是上网查查还是弄到一些jQuery 的常用知识。
1、回到顶部
网站中很常用的回到顶部功能
代码如下:
$(document).ready(function() { //when the id="top" link is clicked $(‘#top‘).click(function() { //scoll the page back to the top $(document).scrollTo(0,500); }});
2、获取鼠标X、y坐标
代码如下:
$().mousemove(function(e){ //display the x and y axis values inside the P element $(‘p‘).html("X Axis : " + e.pageX + " | Y Axis " + e.pageY);});
3、事件
如失去焦点改变颜色等等:
$("input").blur(function(){ $("input").css("background-color","#D6D6FF");});
4、jQuery 效果
我最喜欢的一种,能节省css、js的大量代码
如收起效果:
$("p").slideUp("slow");
放下效果:
$(".btn2").click(function(){ $("p").slideDown();});
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。