文档章节

返回顶部

伊缶瑞亚
 伊缶瑞亚
发布于 2015/12/09 18:53
字数 221
阅读 5
收藏 0
点赞 0
评论 0
;(function($){$.scrollUp=function(options){var settings={scrollName:"scrollUp",topDistance:"300",topSpeed:300,animation:"fade",animationInSpeed:200,animationOutSpeed:200,scrollText:"TOP",activeOverlay:false};if(options)var settings=$.extend(settings,options);var sn="#"+settings.scrollName,an=settings.animation,os=settings.animationOutSpeed,is=settings.animationInSpeed,td=settings.topDistance,st=settings.scrollText,ts=settings.topSpeed,ao=settings.activeOverlay;$("<a/>",{id:settings.scrollName,
href:"#top",title:st,text:st}).appendTo("body");$(sn).css({"display":"none","position":"fixed","z-index":"2147483647"});if(ao){$("body").append("<div id='"+settings.scrollName+"-active'></div>");$(sn+"-active").css({"position":"absolute","top":td+"px","width":"100%","border-top":"1px dotted "+ao,"z-index":"2147483647"})}$(window).scroll(function(){if(an==="fade")$($(window).scrollTop()>td?$(sn).fadeIn(is):$(sn).fadeOut(os));else if(an==="slide")$($(window).scrollTop()>td?$(sn).slideDown(is):$(sn).slideUp(os));
else $($(window).scrollTop()>td?$(sn).show(0):$(sn).hide(0))});$(sn).click(function(event){$("html, body").animate({scrollTop:0},ts);return false})}})(jQuery);
//开启回到顶部
    $.scrollUp();
/* 全部参数 */
/*
$(function () {
    $.scrollUp({
        scrollName: 'scrollUp', // Element ID
        topDistance: '300', // Distance from top before showing element (px)
        topSpeed: 300, // Speed back to top (ms)
        animation: 'fade', // Fade, slide, none
        animationInSpeed: 200, // Animation in speed (ms)
        animationOutSpeed: 200, // Animation out speed (ms)
        scrollText: 'Scroll to top', // Text for element
        activeOverlay: false, // Set CSS color to display scrollUp active point, e.g '#00FFFF'
    });
});
*/


© 著作权归作者所有

共有 人打赏支持
伊缶瑞亚
粉丝 0
博文 28
码字总数 8515
作品 0
徐州
杂项:引用资源列表

ylbtech-Miscellaneos:引用资源列表 1. JavaScript返回顶部 1.1、百度静态资源库 http://cdn.code.baidu.com/ 1.2 2. CSS返回顶部 2.1、前端开发仓 http://code.ciaoca.com/ 2.2、 3.返回顶...

吞吞吐吐的 ⋅ 2017/10/11 ⋅ 0

HTML:DOM 对象

ylbtech-HTML:DOM 对象 1. Document 对象返回顶部 1-1、 Document 对象 每个载入浏览器的 HTML 文档都会成为 Document 对象。 Document 对象使我们可以从脚本中对 HTML 页面中的所有元素进行...

吞吞吐吐的 ⋅ 2017/11/08 ⋅ 0

JS:1.2,控制语句(if,if else,for,switch,while,do while)

ylbtech-JS:控制语句 If 循环 JS:控制语句-If返回顶部 If If-else If嵌套 JS:控制语句-if返回顶部 无标题文档

吞吞吐吐的 ⋅ 2017/10/03 ⋅ 0

jQuery:1.[1-2],jQuery基础学习(一)

ylbtech-jQuery:jQuery学习 jQuery语法实例 $(this).hide() jQuery 的 hide() 函数,隐藏当前的 HTML 元素。 $("p").hide() jQuery 的 hide() 函数,隐藏所有 元素。 $(".test").hide() jQue......

吞吞吐吐的 ⋅ 2017/10/18 ⋅ 0

简单返回顶部代码及注释说明

1. 最简单的静态返回顶部,点击直接跳转页面顶部,常见于固定放置在页面底部返回顶部功能 方法一:用命名锚点击返回到顶部预设的id为top的元素 html代码 返回顶部 方法二:操作scrooll函数用...

lovethe51cto ⋅ 2015/08/12 ⋅ 0

[转] JS 返回顶部

仿新浪微博返回顶部的js实现(jQuery/MooTools) by zhangxinxu from http://www.zhangxinxu.com 本文地址:http://www.zhangxinxu.com/wordpress/?p=1576 一、引言 在web页面中,如果页面较高...

vv_2018 ⋅ 2014/07/23 ⋅ 0

JS:1.3,函数(function)

ylbtech-JS:函数-导航 函数定义 返回函数 调用一个函数 调用一个函数(带参数) 返回值的函数 调用外部的js文件 JS:3.1,函数(function)-定义返回顶部 1,定义函数语法 通过定义函数名称,参...

吞吞吐吐的 ⋅ 2017/10/11 ⋅ 0

JavaScript:sort() 方法

ylbtech-JavaScript:sort() 方法 JavaScript sort() 方法 1. 定义和用法返回顶部 sort() 方法用于对数组的元素进行排序。 语法 arrayObject.sort(sortby) 返回值 对数组的引用。请注意,数组...

吞吞吐吐的 ⋅ 2017/11/14 ⋅ 0

jQuery:1.[3-4],jQuery基础学习(二)

ylbtech-jQuery:jQuery学习 HTML操作 改变 HTML 元素的内容。 向 HTML 元素追加内容。 在 HTML 元素之后追加内容。 CSS操作 改变 HTML 元素的 CSS 属性。 改变多个 CSS 属性。 获得元素的 CS...

吞吞吐吐的 ⋅ 2017/10/18 ⋅ 0

JS:2.2,循环控制(JavaScript,for,while,do while,break,continue)高级

ylbtech-loop:流程控制(Process control)高级 if while do-while break与continue的区别? break continue JS:2.2.1,if返回顶部 解释:...

吞吞吐吐的 ⋅ 2017/10/12 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

6. Shell 函数 和 定向输出

Shell 常用函数 简洁:目前没怎么在Shell 脚本中使用过函数,哈哈,不过,以后可能会用。就像java8的函数式编程,以后获取会用吧,行吧,那咱们简单的看一下具体的使用 Shell函数格式 linux ...

AHUSKY ⋅ 9分钟前 ⋅ 0

MySQL 内核深度优化

MYSQL数据库适用场景广泛,相较于Oracle、DB2性价比更高,Web网站、日志系统、数据仓库等场景都有MYSQL用武之地,但是也存在对于事务性支持不太好(MySQL 5.5版本开始默认引擎才是InnoDB事务...

OSC_cnhwTY ⋅ 16分钟前 ⋅ 0

单片机软件定时器

之前写了一个软件定时器,发现不够优化,和友好,现在重写了 soft_timer.h #ifndef _SOFT_TIMER_H_#define _SOFT_TIMER_H_#include "sys.h"typedef void (*timer_callback_function)(vo...

猎人嘻嘻哈哈的 ⋅ 18分钟前 ⋅ 0

好的资料搜说引擎

鸠摩搜书 简介:鸠摩搜书是一个电子书搜索引擎。它汇集了多个网盘和电子书平台的资源,真所谓大而全。而且它还支持筛选txt,pdf,mobi,epub、azw3格式文件。还显示来自不同网站的资源。对了,...

乔三爷 ⋅ 26分钟前 ⋅ 0

Debian下安装PostgreSQL的表分区插件pg_pathman

先安装基础的编译环境 apt-get install build-essential libssl1.0-dev libkrb5-dev 将pg的bin目录加入环境变量,主要是要使用 pg_config export PATH=$PATH:/usr/lib/postgresql/10/bin 进......

玛雅牛 ⋅ 27分钟前 ⋅ 0

inno安装

#define MyAppName "HoldChipEngin" #define MyAppVersion "1.0" #define MyAppPublisher "Hold Chip, Inc." #define MyAppURL "http://www.holdchip.com/" #define MyAppExeName "HoldChipE......

backtrackx ⋅ 56分钟前 ⋅ 0

Linux(CentOS)下配置php运行环境及nginx解析php

【part1:搭建php环境】 1.选在自己需要安装的安装包版本,wget命令下载到服务器响应目录 http://php.net/releases/ 2.解压安装包 tar zxf php-x.x.x 3.cd到解压目录执行如下操作 cd ../php-...

硅谷课堂 ⋅ 今天 ⋅ 0

Nginx服务架构初探(四):nginx服务器的rewrite功能

nginx服务器的rewrite功能 1.nginx后端服务器组的配置 1>upstream name {…} name是给服务器组限的组名 2>server address [parameters]; address为服务器地址 parame......

余温灬未存 ⋅ 今天 ⋅ 0

layer.prompt使文本框为空的情况下也能点击确定

最近一直在使用layui,但是用到弹出层layer.prompt时,如果文本框是空的话点击确定没有反应,不能向下执行。 但是我又需要空值,看看我原来的代码。 123456789 layer.prompt...

孟飞阳 ⋅ 今天 ⋅ 0

Linux普通文件压缩工具gzip、Bzip2、xz

第六章 文件压缩和打包 6.1 压缩打包介绍 Linux环境常见压缩文件类型: .zip,.gz,.bz2,.xz, .tar.gz,.tar.bz2,.tar.xz 压缩打包的目的 方便文件传输 节省磁盘空间 减少传输花费的时间 ...

弓正 ⋅ 今天 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部