页脚代码html,博客园页脚 HTML 代码 .html

编程知识 更新时间:2023-04-04 21:25:54

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

本文发布于:2023-04-04 21:25:00,感谢您对本站的认可!
本文链接:https://www.elefans.com/category/jswz/ab9f54d78af775cfb268da68d779a218.html
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
本文标签:代码   博客园   html   HTML

发布评论

评论列表 (有 0 条评论)
草根站长

>www.elefans.com

编程频道|电子爱好者 - 技术资讯及电子产品介绍!

  • 43584文章数
  • 14阅读数
  • 0评论数