top

jquery版相片墙(鼠标控制图片聚合和散开)

廉价感情. 提交于 2020-01-28 02:26:57
  照片墙,简单点说就是鼠标点击小图片时,聚合变成一张大图片;点击大图片时,散开变成小图片。这个是我一年前无意间看到的动画效果(现在已经忘记是哪位大神制作的了,引用了他的图片),刚看到这个很炫的动画超级激动,哇!怎么可以这么牛!我制作出来的没那边炫,但是还是制作出来了,算是对我的一种激励!希望能有碰到问题就要解决它的精神,即使不是现在但会是不久的将来! 一、演示效果    散开状态:    聚合状态: 二、html代码 <div class="box"> <div><img src="images/thumbs/1.jpg"/></div> <div><img src="images/thumbs/2.jpg"/></div> <div><img src="images/thumbs/3.jpg"/></div> <div><img src="images/thumbs/4.jpg"/></div> <div><img src="images/thumbs/5.jpg"/></div> <div><img src="images/thumbs/6.jpg"/></div> <div><img src="images/thumbs/7.jpg"/></div> <div><img src="images/thumbs/8.jpg"/></div> <div><img src=

博客园 漂浮快捷操作

心不动则不痛 提交于 2020-01-26 23:32:42
正文 在看了 Mainz 的博客风格后,想要自己也弄上一个,于是就动手了。 尽管效果出来了,但是收藏、评论和推荐应该只在博文页出现,这里还没有做判断。 看了一下 Mainz 的代码有些地方还没看懂,需要研究一下。 另我的是1024×768小屏,在IE8和Chrome下测试是没有问题的。 推荐此文,是和好文要顶用的一样的链接不知道问什么没有效果。 DiggIt(cb_entryId,cb_blogId,1);green_channel_success(this,'谢谢推荐!'); 如果您那里出现了不兼容的问题请告诉我,谢谢。 怎么DiggIt(cb_entryId,cb_blogId,1);前面半句不见了 代码分析 HTML <div id="divTool"> <a href="#top" title="返回顶部"> <img src="http://images.cnblogs.com/cnblogs_com/IT-Bear/365886/o_db.png" width="24" height="24" /> </a> <a href="http://www.cnblogs.com/IT-Bear/" title="回到主页"> <img src="http://images.cnblogs.com/cnblogs_com/IT-Bear/365886/o_zy.png"

树链剖分

本秂侑毒 提交于 2020-01-26 16:41:14
题目描述 如题,已知一棵包含N个结点的树(连通且无环),每个节点上包含一个数值,需要支持以下操作: 操作1: 格式: 1 x y z 表示将树从x到y结点最短路径上所有节点的值都加上z 操作2: 格式: 2 x y 表示求树从x到y结点最短路径上所有节点的值之和 操作3: 格式: 3 x z 表示将以x为根节点的子树内所有节点值都加上z 操作4: 格式: 4 x 表示求以x为根节点的子树内所有节点值之和 输入 第一行包含4个正整数N、M、R、P,分别表示树的结点个数、操作个数、根节点序号和取模数(即所有的输出结果均对此取模)。 接下来一行包含N个非负整数,分别依次表示各个节点上初始的数值。 接下来N-1行每行包含两个整数x、y,表示点x和点y之间连有一条边(保证无环且连通) 接下来M行每行包含若干个正整数,每行表示一个操作,格式如下: 操作1: 1 x y z 操作2: 2 x y 操作3: 3 x z 操作4: 4 x 输出 输出包含若干行,分别依次表示每个操作2或操作4所得的结果(对P取模) 样例输入 5 5 2 24 7 3 7 8 0 1 2 1 5 3 1 4 1 3 4 2 3 2 2 4 5 1 5 1 3 2 1 3 样例输出 2 21 提示 对于100%的数据:N<=100000,M<=100000 输入的每一个数均小于2147483647 重儿子:siz[u

3种不同方式的焦点图轮播

北战南征 提交于 2020-01-26 11:24:33
1.自动轮播+经过圆点滚动+鼠标停留在圆点上 时候暂停+离开圆点自动轮播: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>焦点图</title <script type="text/javascript" src="js/jquery-1.8.0.min.js"></script <style type="text/css">*{margin:0; padding:0; list-style:none;} .clear-fix{*zoom:1;} .clear-fix:after{ content:"\0020"; clear:both; height:0; display:block;} h1{ text-align:center;} .slider{width:980px; height:365px; margin:0 auto;

AGC001F Wide Swap

倖福魔咒の 提交于 2020-01-25 22:58:24
Link 首先进行一个转换,我们构造 \(q\) 使得 \(q_{p_i}=i\) ,那么最小化 \(p\) 的字典序实质上就是最小化 \(q\) 的字典序。 然后题目给的限制就变成了只能交换 \(q_i,q_{i+1}(|q_i-q_{i+1}|\le k)\) ,等价于满足 \(|q_i-q_j|\le k(i<j)\) 的 \(q_i,q_j\) 的相对位置不变。 这样我们就可以 \(q_i\rightarrow q_j\) 表示 \(q_i\) 必须在 \(q_j\) 前面,然后求最小拓扑序。 直接建边是 \(O(n^2)\) 的,我们可以对每个 \(q_i\) ,只向 \(j>i\) 的 \(q_j\in[q_i-k+1,q_i-1]\) 和 \(q_j\in[q_i+1,q_i+k-1]\) 中最近的两个连边,显然这样连边对偏序关系是没有影响的。 具体而言可以从后往前做,用线段树维护一下就好了。 #include<queue> #include<cstdio> #include<cctype> #include<vector> #include<cstring> #include<functional> namespace IO { char ibuf[(1<<21)+1],obuf[(1<<21)+1],st[15],*iS,*iT,*oS=obuf,*oT=obuf

BZOJ 1057. [ZJOI2007]棋盘制作

こ雲淡風輕ζ 提交于 2020-01-25 20:26:37
根据奇偶性,把x,y坐标加起来是奇数的位置翻转一下,就变成求最大01子矩阵了。 然后预处理出每个位置往上最长的01路径,每行用一个单调栈解决。 单调栈从栈底到栈顶维护每一个矩阵的高度和宽度,按高度递增维护。 当前高度如果小于栈顶的高度,那就将栈顶的矩阵更新答案,并且出栈,但是它的宽度是可以为当前高度的矩阵做贡献的,就是当前要加入栈的矩阵的宽度得加上这个要出栈的矩阵。 最后一列做完之后再清一下栈就行了。 #include <bits/stdc++.h> #define pii pair<int, int> #define fi first #define se second const int N = 2222; int a[N][N], dp[N][N], n, m, ans1, ans2; std::pii st[N]; void solve() { for (int i = 1; i <= n; i++) for (int j = 1; j <= m; j++) dp[i][j] = (a[i][j] ? dp[i - 1][j] + 1 : 0); for (int i = 1; i <= n; i++) { int top = 0; for (int j = 1; j <= m + 1; j++) { int w = 0; while (top && st[top].fi

剑指offer 包含min函数的栈

白昼怎懂夜的黑 提交于 2020-01-25 01:12:45
1.题目 定义栈的数据结构,请在该类型中实现一个能够得到栈中所含最小元素的min函数(时间复杂度应为 O(1) )。 来源:剑指offer 链接: https://www.nowcoder.com/practice/4c776177d2c04c2494f2555c9fcc1e49?tpId=13&tqId=11173&rp=1&ru=/ta/coding-interviews&qru=/ta/coding-interviews/question-ranking 2.我的题解 首先用一个 STL 标准栈存储数值,记为数值栈。 再用一个 STL 标准栈存储最小值,记为最小值栈。注意: 最小值栈不仅要包含当前的最小值,还要包括弹出数值栈任意值之后的最小值。 如果入栈的值更小一些,那么最小值栈就要进行更新操作,如果入栈的值更大一些,那么最小值栈不必操作。 时间复杂度: O(1) ,空间复杂度: O(n) 。 class Solution { stack < int > value_s ; //数值栈 stack < int > min_s ; //最小值栈 public : void push ( int value ) { value_s . push ( value ) ; if ( min_s . empty ( ) || min_s . top ( ) >= value ) min

linux top 使用

ε祈祈猫儿з 提交于 2020-01-24 06:11:47
PID: 进程号 USER: 启动进程的用户 PR: 优先级 NI: 谦让级 VIRT: 虚拟内存占用 RES: 进程使用的、未被换出的物理内存大小 SHR: 共享内存大小,单位kb S: 进程状态(D=不可中断的睡眠状态,R=运行,S=睡眠,T=跟踪/停止,Z=僵尸进程) %CPU: 上次更新到现在的CPU时间占用百分比 %Mem: 物理内存占用百分比 TIME+: 进程启动时间 COMMAND: 命令名 -b: 批处理 -c: 显示完整的命令 -l:忽略失效进程 -s: 保密模式 -n 数字: 显示次数,后加 -u 用户名: 显示某用户下的进程情况 -p 进程号: 指定进程 h: 显示帮助菜单 k: 杀死一个进程 i: 忽略僵尸进程 P: 按照CPU占用进行排序 M: 按照内存占用进行排序 T: 根据时间/累计时间进行排序 W: 将结果保存到~/.toprc文件 top -u mysql -n 1|grep mysqld|awk '{print $9}' #取CPU占用数据 top -u mysql -n 1|grep mysqld|awk '{print $10}' #取内存占用数据 top -b -n 1|grep mysql|awk '{print $9}' #取CPU占用数据 top -b -n 1|grep mysql|awk '{print $10}'

top命令

梦想与她 提交于 2020-01-24 01:28:11
top命令作用: top命令是Linux下常用的性能分析工具,能够实时显示系统中各个进程的资源占用状况,类似于Windows的任务管理器,这样我们容易理解了。 简单介绍每行: 第一行:系统时间 运行天数 在线用户 负载情况 第二行:当前系统运行任务分别为:总任务;运行中;睡眠;停止;僵死 第三行:cpu运行情况分别:用户进程占用;系统内核占用;改变优先级占用;空闲占用;交换占用 第四行和第五行:内存占用情况 top里面常用的交互命令: 我们一般常用P,M,T这三个排序,字眼上就是cpu,内存,时间上面排序。还有一些我们看到很多进程,其实都是休眠的,我们可以使用i的命令只看运行中进程。c可以看到进程执行的详细命令。这些都是挺有用! 参考链接: https://linuxtools-rst.readthedocs.io/zh_CN/latest/tool/top.html#top 来源: CSDN 作者: 摘星辰Li 链接: https://blog.csdn.net/li_xue_zhao/article/details/103984912

00014 - linux中用top、ps命令查看进程中的线程

≯℡__Kan透↙ 提交于 2020-01-23 04:23:32
在Linux上显示某个进程的线程的几种方式。 方法一:PS 在ps命令中,“-T”选项可以开启线程查看。下面的命令列出了由进程号为<pid>的进程创建的所有线程。 1.$ ps -T -p <pid> 方法二: Top top命令可以实时显示各个线程情况。要在top输出中开启线程查看,请调用top命令的“-H”选项,该选项会列出所有Linux线程。在top运行时,你也可以通过按“H”键将线程查看模式切换为开或关。 1.$ top -H 要让top输出某个特定进程<pid>并检查该进程内运行的线程状况: 2.$ top -H -p <pid> 方法三: Htop 一个对用户更加友好的方式是,通过htop查看单个进程的线程,它是一个基于ncurses的交互进程查看器。该程序允许你在树状视图中监控单个独立线程。 要在htop中启用线程查看,请开启htop,然后按<F2>来进入htop的设置菜单。选择“设置”栏下面的“显示选项”,然后开启“树状视图”和“显示自定义线程名”选项。按<F10>退出设置。 来源: https://www.cnblogs.com/Pibaosi/p/8611133.html