html知识管理,index.html
body {
margin: 0;
padding: 0;
overflow: hidden;
width: 100%;
height: 100%;
background: #111111;
}
#container {
height: 100px;
}
a {
font-size: 16px;
font-weight: bold;
text-decoration: none;
color: #f7f7f7;
display: inline-block;
border-radius: 100%;
position: absolute;
}
a:hover {
color: rgb(240, 20, 20);
}
var json = [
{ name: "Vueress", link: "http://huc.gitee.io/book/vuepress" },
{ name: "Git", link: "http://huc.gitee.io/book/git" },
{ name: "Linux", link: "http://huc.gitee.io/book/linux" },
{ name: "SpringBoot", link: "http://huc.gitee.io/book/springboot" },
{ name: "SpringSecurity", link: "http://huc.gitee.io/book/springsecurity" },
{ name: "webpack", link: "http://huc.gitee.io/book/webpack" },
{ name: "Vue", link: "http://huc.gitee.io/book/vue" },
{ name: "security5", link: "http://huc.gitee.io/book/security5" },
{ name: "Docker", link: "http://huc.gitee.io/book/docker" },
{ name: "SpringCloud", link: "http://huc.gitee.io/book/springcloud" },
{ name: "FastDFS", link: "http://huc.gitee.io/book/fastdfs" },
{ name: "RabbitMQ", link: "http://huc.gitee.io/book/rabbitmq" },
{name: "test", link: "http://huc.gitee.io/book/rabbitmq" },
{name: "test11", link: "http://huc.gitee.io/book/rabbitmq" }
];
(function () {
var padding=30;
var cw = document.documentElement.clientWidth;
var ch = document.documentElement.clientHeight;
String.prototype.visualLength = function () {
var fontSize = $("a").css("fontSize");
var ruler = $("a").css({
"font-size": fontSize || "inherit"
});
ruler.text(this);
return { "width": ruler.width(), "height": ruler.height() };
}
function randomColor(a) {
return "rgba(" + Math.ceil(Math.random() * 255) + "," + Math.ceil(Math.random() * 255) + "," + Math.ceil(Math.random() * 255) + "," + a + ")";
}
function randomNumber(max, min) {
return Math.floor(Math.random() * (max - min + 1) + min);
}
var str = "";
json.forEach(function (item) {
var len = item.name.visualLength();
var paddingW = Math.max(len.height, len.width) + padding;
var paddingH = (paddingW - len.height) / 2;
var background = "radial-gradient(circle at " + paddingW + "px " + paddingH + "px, " + randomColor(1) + "," + randomColor(1) + ")";
str += "" + item.name + "";
});
$("#container").append(str);
$("a").each(function (index, item) {
anim(index);
$("a")[index].onmouseout = (function (i) {
return function () {
var el=$("a")[i];
if (!$(el).is(':animated')) {
anim(i);
}
}
})(index);
$("a")[index].onmouseover = (function (i) {
return function () {
var el=$("a")[i];
if ($(el).is(':animated')) {
$(el).stop(true,false);
}
}
})(index);
});
function anim(i) {
var ele = $("a")[i];
var eh = $(ele).innerHeight();
var ew = $(ele).innerWidth();
var sobj = function () {
var hl = Math.ceil(Math.random() * (cw - ew));
var ht = Math.ceil(Math.random() * (ch - eh));
var ol = $(ele).offset().left;
var ot = $(ele).offset().top;
var t = Math.max(Math.abs(hl - ol), Math.abs(ht - ot));
var an = $(ele).animate({ "left": hl, "top": ht},
t * 10, function () {
sobj();
});
}
sobj();
}
})();
一键复制
编辑
Web IDE
原始数据
按行查看
历史
html知识管理,index.html相关推荐
- 基于xwiki部署企业内部知识管理平台
1. Xwiki介绍 印象笔记.有道笔记.为知笔记都是挺好的商用笔记知识管理软件,不过有些敏感文件是不太好放到互联网上的. 所以搭建一套内部局域网知识管理平台是非常有意义的,在开源Wiki系统中,XW ...
- 读书笔记之——个人知识管理
最近,感觉学习的知识有点乱.于是专门找了本关于知识管理方面的书来读.<你的知识需要管理>,作者:田志刚 关于管理知识,我个人觉得: 一.做笔记.保存数据可以用: 1.OneNote:MS ...
- 一文详解启发式对话中的知识管理 | 公开课笔记
来源 | AI科技大本营在线公开课 分享嘉宾 | 葛付江(思必驰 NLP 部门负责人) 整理 | Jane [导读]自然语言对话系统正在覆盖越来越多的生活和服务场景,同时,自然语言对话的理解能力和对精 ...
- 开启2020高效办公,从团队知识管理开始
身处企业之中,你是否也常遇到这样的困扰?写报告时,涉及专业知识感到力不从心:做方案时,发现资料搜集不齐全:头脑风暴时,发觉大家前期知识储备层次不齐,聊不到一起--每天周转于各项不同任务之间,常会发现知 ...
- 一个小清新的知识管理和问题讨论平台
在上一期的<一个小团队使用的知识管理方案与工具>推文中,我们介绍了一些 Atlassian Confluence(简称 Confluence)的一些基本特性. 今天的这篇推文主要来介绍一下 ...
- 一个小团队使用的知识管理方案与工具
公司在使用 Mediawiki 进行内部知识管理也有一段时间了,使用过一段时间发现问题不少.其中最让人抓狂的应该就是 Mediawiki 的插件了,虽然数量很多,但安装过程中五花八门的异常,有时候就是 ...
- 田志刚:智慧的员工,个人知识管理
我们相信现在大部分企业里的人员工都是靠处理信息和知识的人! 他们的主要工作是产生.利用和传递信息和知识 他们的绩效取决于他们处理信息和知识的效率 所以 我们开发了"智慧的员工:个人知识管理培 ...
- 田志刚北京大学CIO(信息总监)班讲知识管理
1月16日,应北大信息管理系.北大CIO班教务办公室邀请,知名知识管理专家.知识管理中心(Knowledge Management Center)创始人田志刚为第八届北大CIO(信息总监)班讲知识管理 ...
- 当我们谈论知识管理时,我们在谈论什么?
知识管理的核心问题,简单说就是"怎么看,如何干".<这样理解知识管理>是如何"看"知识管理的问题,许多KM项目无法持续的本质原因是对于知识管理的认识 ...
最新文章
- 函数连续但没有导数的例子
- ASP.NET MVC5+EF6+EasyUI 后台管理系统(20)-权限管理系统-根据权限获取菜单
- ReactJS入门之JSX语法
- [html] 如何设置打印尺寸?
- 红橙Darren视频笔记 仿汽车之家 可拖动列表
- 无心剑中译切尼《当代的悖论》
- 解析http头部和c++string的高级使用技巧
- 用Python学《微积分B》(序)
- 判断运行环境是手机还是 PC
- 从苦逼走向牛逼:阿里云的苦难辉煌
- Cloudera(CDH) 简介和在线安装
- 如何去掉快捷方式上的小箭头
- 3D设计软件中怎么快速建模?浩辰3D快速建模教程
- 青龙面板哔哩哔哩抽奖白嫖
- 疫情下的企业应对之道:企业如何降本提质增效
- 论文排版图片一栏设置与文献引用的超链接设置-论文投稿经验总结-第3期
- 使用 DeepFlow 开启 Dubbo 可观测性
- Conexant ADSL USB 三步走猫
- iOS Facebook第三方登录
- 利用招行香港一卡通和美国Scottrade开设港股和美股的攻略
热门文章
- java 图片地址,java中图片地址存入数据库
- verilog赋多位值_Verilog入门学习笔记——第一弹
- 干货!!月薪过万行业,软件测试必懂的基本概念
- loadrunner——参数化
- oracle typehandler,Mybatis实现自定义的类型转换器TypeHandler
- 重大要素改变中的机会选择包括_重大要素改变中的机会选择包括:
- HEVC---xCompressCU()函数作用及位置
- python21天打卡Day5--list操作
- JMeter功能不够用?看我的
- rabbitmq接收不到消息_分布式消息队列:如何保证消息的可靠性传输