文章列表
在使用ul做动态菜单,鼠标移动上后高亮当前项目并显示子菜单,离开的时隐藏子菜单。在chrome 和firefox中显示正常,但在IE中无法显示出子菜单。 如果不高亮选择项目,则能够显出子菜单。在IE中慎用ul来做菜单。
背景: 整个div 线性移动;支持整块缩小放大
在chrome 和firefox 中比较容易实现, 可以直接定义块的CSS属性:-transition, 在js代码中直接修改原始div块的位置或-transform即可。
而在IE中,该属性无效,不得不自己实现该效果。
chrome和firefox实例代码:
Html代码
<div class="g_transition" style="z-index: 5;-webkit-transform: matrix(1, 0, 0, 1, 0, 0);left: 265px;top: 0px;"&g ...
mongo数据库作为高性能NoSQL的代表,当使用双机(主从)时,可能导致巨大的性能问题。
使用replSet 使两个数据库之间同步复制数据, 但如果数据量大,并且修改项多,会导致主服务器来不及向从服务器同步数据,最终导致oplog填满,服务被迫停止并等待主从服务器同步数据。
背景:原始图片宽高比例不能适应 新的页面需要,需要重新调整, 而目前除了使用 专业的图片工具之外, 也可以使用Java 自动处理,处理后的效果同 photoshop 几乎没有区别.
代码片段:
BufferedImage in = ImageIO.read(new URL(url));
//使用3字节图片编码
BufferedImage ut = new BufferedImage(w, h, BufferedImage.TYPE_3BYTE_BGR);// TYPE_4BYTE_BGR);
Graphics g = out.getGraphics();
//填白底
g.setCo ...
在web中需要制作图片的倒影效果的文件比较多,但要制作整个div 块的倒影介绍却很少,在网上也很少有相关资料,先把拙见介绍一下,共同学习改进。
步骤:
1,在页面中正常实现div 内容;
2,增加一个相同的div内容, 采用绝对位置,放置在原div的下方;
3,添加一个渐变的透明蒙板,大小位置与第二个div相同;
4, 采用css设置第二个div的显示特性和蒙板的特性。
实例:
web 片段:
//原始div段
<div class="product_1" style="z-index: 2;background: white; cursor: poin ...
在web中需要制作图片的倒影效果的文件比较多,但要制作整个div 块的倒影介绍却很少,在网上也很少有相关资料,先把拙见介绍一下,共同学习改进。
步骤:
1,在页面中正常实现div 内容;
2,增加一个相同的div内容, 采用绝对位置,放置在原div的下方;
3,添加一个渐变的透明蒙板,大小位置与第二个div相同;
4, 采用css设置第二个div的显示特性和蒙板的特性。
实例:
web 片段:
//原始div段
<div class="product_1" style="z-index: 2;background: white; cursor: poin ...