页脚代码html,博客园页脚 HTML 代码 .html
style="position: fixed; left: 0px; top: 0px; z-index: 2147483647; pointer-events: none;">
var a_idx = 0;
jQuery(document).ready(function ($) {
$("body").click(function (e) {
var a = new Array(
"❤富强❤", "❤民主❤", "❤和谐❤", "❤文明❤",
"❤自由❤", "❤平等❤", "❤公正❤", "❤法治❤",
"❤爱国❤", "❤敬业❤", "❤诚信❤", "❤友善❤",
);
var $i = $("").text(a[a_idx]);
a_idx = (a_idx + 1) % a.length;
var x = e.pageX,
y = e.pageY;
$i.css({
"z-index": 999999999999999999999999999999999999999999999999999999999999999999999,
"top": y - 20,
"left": x,
"position": "absolute",
"font-weight": "bold",
"color": "rgb(" + ~~(255 * Math.random()) + "," + ~~(255 * Math.random()) + "," + ~~(255 * Math.random()) + ")"
});
$("body").append($i);
$i.animate({
"top": y - 180,
"opacity": 0
}, 1500,
function () {
$i.remove();
});
});
});
(function ($) {
$.fn.snow = function (options) {
var $flake = $('
documentHeight = $(document).height(),
documentWidth = $(document).width(),
defaults = {
minSize: 10,
maxSize: 20,
newOn: 1000,
flakeColor: "#AFDAEF" /* 此处可以定义雪花颜色,若要白色可以改为#FFFFFF */
},
options = $.extend({}, defaults, options);
var interval = setInterval(function () {
var startPositionLeft = Math.random() * documentWidth - 100,
startOpacity = 0.5 + Math.random(),
sizeFlake = options.minSize + Math.random() * options.maxSize,
endPositionTop = documentHeight - 200,
endPositionLeft = startPositionLeft - 500 + Math.random() * 500,
durationFall = documentHeight * 10 + Math.random() * 5000;
$flake.clone().appendTo('body').css({
left: startPositionLeft,
opacity: startOpacity,
'font-size': sizeFlake,
color: options.flakeColor
}).animate({
top: endPositionTop,
left: endPositionLeft,
opacity: 0.2
}, durationFall, 'linear', function () {
$(this).remove()
});
}, options.newOn);
};
})(jQuery);
$(function () {
$.fn.snow({
minSize: 5, /* 定义雪花最小尺寸 */
maxSize: 50,/* 定义雪花最大尺寸 */
newOn: 300 /* 定义密集程度,数字越小越密集 */
});
});
一键复制
编辑
Web IDE
原始数据
按行查看
历史
页脚代码html,博客园页脚 HTML 代码 .html相关推荐
- 博客园 页首html代码,可爱的博客园样式美化、自定义博客园主题样式
cute-cnblogs 说明 "我经常有那种感觉,如果这个事情来了,你却没有勇敢地去解决掉,它一定会再来.生活真是这样,它会一次次地让你去做这个功课直到你学会为止." -- &l ...
- 改进博客园Markdown显示功能(加代码行号、显示代码所用编程语言)
博客园的markdown模式下的代码高亮功能使用的是highlight.js,没有行号和显示相应编程语言的功能,只好自己将其改造了一下(将这两种功能一并实现了)~ 先看一下效果,再详细介绍方法~ 查看 ...
- 博客园页面定制html代码,博客园主题分享
博客园主题 分享 选择Custom主题 页面定制CSS代码 /*评论框祖传猫猫*/ .comment_textarea{ background:#f5f5f5 url(https://files-cd ...
- 博客园页面定制html代码,你要的博客园主题都有!!!
基于最近很多小伙伴加我微信想要我的博客园主题,那我就把博客园主题整理一下,送给喜欢的小伙伴,园友们喜欢可以收藏,关注,博客园主题仅供参考,博主顺便再多说一句,虽然我可以分享给你们,但是我更愿意你们加我 ...
- 怎样使用两行代码实现博客园打赏功能
也许大家看博客园博客的时候,遇到过一些博客右侧,展示了打赏二维码~ 如下图所示 那么,这是怎么实现的呢~~~ 不错,你没猜错,他们使用的是本人写的一个js插件--tctip. 大家搜一下,还能搜到网上 ...
- 博客园页面定制html代码,博客园代码定制
博客园代码定制 版本:2019-08-11 本文基于Simple Memory模板,且已获取CSS和JS权限,此版本并非最终版本. 如有错误请指出,代码开源可以修改完善,仅用于学习交流,转载时请注明出 ...
- java代码画樱花飘落_一行代码引入博客园樱花飘落特效
前言 博客园作为面向大众的博客, 个性新颖可以博得一赞, 简约美观也不失阅读体验, 本文对樱花特效js进行了解读, 发现作者的设计确实秒不可言, 即使没有注释, 思路展示的也很清晰. 那就废话不多说, ...
- 博客园 页面定制CSS代码
更新时间:2019-02-18 花了一点时间修改自己的博客背景设置,现在分享一下代码.希望对大家有帮助.我的比较简单,主要代码模板来源于另外一个博主,然后我在基础上进行了部分修改.原博主的连接:htt ...
- 博客园页面定制html代码,可爱的博客园样式美化、自定义博客园主题样式
cute-cnblogs 说明 "我经常有那种感觉,如果这个事情来了,你却没有勇敢地去解决掉,它一定会再来.生活真是这样,它会一次次地让你去做这个功课直到你学会为止." -- &l ...
- 博客园背景设置CSS代码
/配色参考->>->>>//https://zh.spycolor.com/color-index,a*/ #home { margin: 0 auto; width: ...
最新文章
- Improve Performance and Reduce Memory with PVRTC Textures and Cocos2d
- 子网掩码 以及 子网数为什么减去全0和全1
- 当Windows Vista提示“内存不足”……
- Apache Kafka-消费端_顺序消费的实现
- 数据结构实验之串三:KMP应用
- c++变量重新赋值_Java基础二:一文讲透变量与数据类型
- Nginx下301重定向不带www的域名到带www的域名
- 与 OpenCV 1 同时使用
- SQL Server【一】简介和基本概念和命令
- Redis五种数据类型介绍
- 蠕虫病毒往往是通过进入计算机系统,2011年上海市高校计算机等级考试1级模拟卷题目...
- java自由布局_java怎么在界面上随意摆放位置?
- 【软件设计师教程】程序设计语言基础知识
- WinForm超市商品管理系统
- Python编程之二维码生成
- Syslog架设windows日志服务器
- python两种方法求ROC曲线下面积(AUC)
- 第八届中国大学计算机设计大赛,2015年(第八届)中国大学生计算机设计大赛.PDF...
- 初识大数据(二)医疗大数据
- 【光线追踪系列九】物体动态模糊
热门文章
- 青春期发育阶段的测量
- 论文笔记_21范数:Efficient and Robust Feature Selection via Joint 21Norms Minimization
- 友盟分享,极光推送Demo
- 人体大脑是如何产生压力的,脑体的机制变化过程
- matlab中分号、冒号、逗号等常用标点符号的作用
- XP下IIS相关问题
- 武汉大学 gps 计算机 陈冰,武汉大学2015届优秀毕业研究生名单.doc
- 从零开始 了解C++
- 如何在Photoshop里抠头发丝
- 80c51单片机c语言程序,80C51单片机电子钟程序