JQ-动画合集(ing...)

简介: 一:给向上按钮加动画,让页面卷回上面而不是生硬跳转.js$('#topBtn').click(function(){ $('html,body').animate({scrollTop: '0px'}, 1000); return false; ...

一:给向上按钮加动画,让页面卷回上面而不是生硬跳转.js

$('#topBtn').click(function(){
            $('html,body').animate({scrollTop: '0px'}, 1000);
        return false;
        });
//给向上按钮加一个animate的动画,控制scrolltop属性变为零,在1秒内,

(可以加一个$()包起来,当其所在的js页面中有这个设置后,直接copy进去就ok了)

——————————————————————————————————

2017-04-17  17:16:57

二:tab选项卡,用jq实现

$('菜单标签名').click(function(){
    $(this).addClass('hover时的样式名字').siblings().removeClass('hover时的样式名字');
    var index=$(this).index();
    $('对应标签出现的内容区域').eq(index).show().siblings().hide();
});

例子:

1 $('.title li').click(function(){
2     $(this).addClass('on').siblings().removeClass('on');
3     var index=$(this).index();
4     $('.div_tab > div').eq(index).show().siblings().hide();
5 });

 

有空再继续填补,有点高中一点一点补笔记本的感觉,每天学到的补一点,到了高考,我的笔记本是最烂的。额。。。。

目录
相关文章
|
JavaScript
通俗易懂的jquery倒计时demo效果示例(整理)
通俗易懂的jquery倒计时demo效果示例(整理)
|
前端开发
前端项目实战壹佰react-admin+material ui-踩坑-List的用法之filterDefaultValues设置默认值情况
前端项目实战壹佰react-admin+material ui-踩坑-List的用法之filterDefaultValues设置默认值情况
43 0
|
自然语言处理 JavaScript 前端开发
每天3分钟,重学ES6-ES12(三)标签模版字符串
每天3分钟,重学ES6-ES12(三)标签模版字符串
75 0
|
JavaScript 云计算
第09/90步《番外篇》第3章 JS 语法实例讲解 第20课
今天学习《番外篇》第3章 JS 语法实例讲解 第20课 面向对象语法二:函数、类与作用域,这节课学习与函数、闭包、类和模块有关的面向对象编程基础语法。
58 0
|
存储 JavaScript 开发者
第08/90步《番外篇》第3章 JS 语法实例讲解 第19课
今天学习《番外篇》第3章 JS 语法实例讲解 第19课 面向对象语法一:对象和数组,这节课学习对象与数组。在 JS 中,一切皆为对象,数组也是对象,数组是一种处理集合数据的特殊对象。
62 0
|
JavaScript
第06/90步《番外篇》第3章 JS 语法实例讲解 第17课
今天学习《番外篇》第3章 JS 语法实例讲解 第17课 JS 语法基础一:基本数据类型和变量、常量,这节课主要学习 JS 语言的标识符、基本数据类型、变量、常量等内容。
59 0
|
JavaScript 前端开发
第10/90步《番外篇》第3章 JS 语法实例讲解 第21课
今天学习《番外篇》第3章 JS 语法实例讲解 第21课 实用技巧一:操作符、扩展运算符和短路评估等技巧,这节课开始学习 JS 语法的简写技巧。这一课谈及的技巧,多数在前面章节中已有使用,掌握这些技巧,意在使代码更加易写、易读和易于维护。
54 0
|
JavaScript 前端开发
第07/90步《番外篇》第3章 JS 语法实例讲解 第18课
今天学习《番外篇》第3章 JS 语法实例讲解 第18课 JS 语法基础二:操作符和逻辑控制语句,这节课主要学习操作符和基本的逻辑控制语句。
55 0
|
JavaScript
第11/90步《番外篇》第3章 JS 语法实例讲解 第22课
今天学习《番外篇》第3章 JS 语法实例讲解 第22课 JS 实用技巧二:对象与函数等相关技巧,这节课继续学习有关变量声明、参数定义、箭头函数定义、字符串使用等有关的语法实用技巧。
48 0