叶测试 发布的文章

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

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

<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>

Font字体小图标应用

我们知道在页面上载入小图标有多种方式,比如我们使用比较多的是css sprite背景图片定位,就是将很多小图标集成到一张大图,然后使用CSS定位背景。还有一种比较现代的方式是使用font字体图标,它利用@font-face原理载入图标字体库,然后调用图标。

- 阅读剩余部分 -

Fancybox丰富的弹出层效果

Fancybox是一款优秀的jquery插件,它能够展示丰富的弹出层效果。前面我们有文章介绍了facybox弹出层效果,相比facybox,fancybox显得功能更为齐全,它除了可以加载DIV,图片、图片集、Ajax数据,还能加载SWF影片,iframe页面等等。

- 阅读剩余部分 -