Dangbao's Blog

同事遇到这么一个问题，一个多列表格，其中一行是根据用户操作显示或隐藏。单元行需要显示时，使用display:block属性，不需要显示时使用display:none属性，在IE浏览器中显示正常。

用Firefox浏览时却出现了布局错乱的问题：
属性为"display:block"的tr整行内容宽度仅与第一列td的宽度相同。

解决方法：
用display:' ' 这个属性dispaly后面值为空，IE和FF都兼容了。

做一个专题页需求是点击后弹出一个层，然后再层上点关闭。弄个插件觉得不太值得，就写了个简易弹出层，原理是通过点击事件显示和隐藏新层，新层通过绝对定位显示在水平居中位置。
点击查看简单jquery弹出层
<script type="text/javascript">
$(document).ready(function () {
  $("#clickbox").click(function(){
     $(".showbox").addClass("block")
  });
  $("#closebox").click(function(){
     $(".showbox").removeClass("block")
  });
});
</script>


<script type="text/javascript">
$(function () {
  $(".fixedtable").fixedtableheader();
});        
</script>
fixedtableheader在线演示

语法：
$(function(){
    $('.ad-gallery').adGallery({
    thumb_opacity:'0.8',
    effect:'none'
  });  
});
ad-gallery在线演示
查看全文…

简洁，易用。
想要鼠标滑过切换内容的话，把click改成hover就可以了。
点击查看效果：jquery简易选项卡DEMO

不多说了，常见的效果。
slideUp和slideDown在有边框的情况下导致内容块短暂抽搐，可以改为hide无特效隐藏内容。
点击查看效果：juqery竖向折叠菜单DEMO

平常相机里照的数码相片分辨率都比较大，放到一些便携设备里太慢太卡了，照片一多，挨个处理起来甚为麻烦。常用的光影魔术手不能批处理图片。

这个时候我们想起好朋友fireworks了，惭愧，哈哈！用了好多年的fireworks了，却很少用来批处理图片。

文件--批处理--继续--缩放--添加--选择百分比为20%，等待处理完毕就好了。

近日遇到一个斜角菜单，以前还真没接触过，于是花点时间捣鼓了下，写了3个DEMO。
固定宽的斜角菜单
宽度自适应的斜角菜单
便签式宽度自适应斜角菜单