实现元素在父元素中居中的方法

在网页制作中，常常会遇到需要将一个元素水平，垂直居中。
最常见的##水平##居中自然是行级元素text-align:center,块级元素在父级元素text-align:center之后margin的左右值为auto。但是需要同时垂直居中的话，有以下5种不错的方法。

阅读全文 >>

javaScript判断鼠标进入容器的方向

在写一个鼠标进入容器，为容器添加滑入边框的动画效果的时候，遇到了一个小问题，就是需要判断鼠标进入容器的方向，然后再决定边框从哪个方向滑过。

也搜索到了一些解决方案，比如

以div容器的中心点作为圆心，以高和宽的最小值作为直径画圆，将圆以[π/4，3π/4)，[3π/4，5π/4），[5π/4，7π/4)，[-π/4，π/4)划分为四个象限，鼠标进入容器时的点的atan2(y,x)值在这四个象限里分别对应容器边框的下，右，上，左

阅读全文 >>

javascript禁止鼠标右键防止拷贝

在使用TurnJs的时候，为了防止其他用户直接复制杂志的图片，需要加入禁止右键的功能，以下列出常用的方法

  • 禁止鼠标左右键代码/禁止网页选中/禁止另存为
    1
    2
    3
    4
    5
    6
    7
    8
    <body oncontextmenu="return false" onselectstart="return false">
    <noscript><iframe src="/*.html>";</iframe></noscript>
    <script>
    function stop(){
    return false;
    }
    document.oncontextmenu=stop;
    </script>

阅读全文 >>

优化一次INSERT查询，插入多行记录

如果我们想往数据库表中插入一行记录，可以使用以下SQL语句：
INSERT INTO tbl_name (col1,col2) VALUES (15,16);
那如果我们想插入多行记录呢？可能你会想到多次运行INSERT语句即可，就像下面的php代码示例：

1
2
3
4
5
6
7
8
9
 $a = 1;
$b = 1;
while (5 == $a)
{
    $sql = "INSERT INTO tbl_name (col1,col2) VALUES ($a,$b)";
    mysql_query($sql);
    $a++;
    $b++;
}

阅读全文 >>