解决混合网址导致的跨域问题

如果网站使用https安全方式加载HTML内容,但是其中的资源如js、图片等文件使用了http的不安全方式加载,就会触发混合内容的错误。在chrome浏览器中的提示为

“Mixed Content: The page at ‘https://yourwebsite.com/‘ was loaded over HTTPS,but requested an insecure script ‘http://anotherweb.com/script.js'.This request has been blocked;the content must be served over HTTPS.”

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

在网页制作中,常常会遇到需要将一个元素水平,垂直居中。
最常见的##水平##居中自然是行级元素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>