分类 笔记 下的文章

京东店铺装修 关注+收藏 代码

<div class="j-module" module-function="follow" module-param="{type:'shopId',id:'130737',node:'.item'}" style="cursor: pointer;">
        <span class="item">关注我</span>
</div>

<div class="j-module" module-function="addFavorite" module-param="{title:'花容月貌化妆品-京东旗舰店', url:'http://agoage.jd.com'}">添加收藏</div>

六款帮助你实现惊艳视差滚动效果的 jQuery 插件

视差(Parallax)是指从不同的点看一个物体时形成的视觉差异,这个名词是源自希腊文的παράλλαξις (),意思是”改变”。在网页设计中,视差滚动(Parallax Scrolling)是当下流行的网页设计技术,通过让多层背景以不同的速度或者不同的方向移动来形成非常有趣的 3D 运动效果。下面是一些运用视差滚动效果的优秀网页案例:

- 阅读剩余部分 -

[有趣] 切换浏览器页面自动变换标题

离开或激活当前页,产生对应标题,还是非常有趣的用户体验,简单代码实现如下:

<script type="text/javascript">
function func(){
    window.onblur = function() {
        document.title = "发呆- ( ゜- ゜)つロ ";
        $("#web-icon").attr('href',"http://www.baidu.com/favicon.ico");
    };
    window.onfocus = function() {
        document.title = "Jrotty's Blog";
        $("#web-icon").attr('href',"https://www.r1989.com/favicon.ico");
    }
}
func();
</script>