随笔分类 - JavaScript
摘要：之前在园子里看到一个HTML5/CSS3的文字特效(这里)，觉得挺好玩的所以小小的研究了下，不过发现代码都是针对webkit以及FF的所以IE跪了。Runjs我将示例中的代码进行了精简，后来发现CSS大多数没有前缀，我很费解之后发现它引用过来一个PrefixFree，有了这个js就能不用写CSS3的...
阅读全文
摘要：注：调试的时候发现ff下有兼容性问题,把jquery换成4.4版本就没问题了,问题应该在e.offseX上ff不支持此属性,以图片中间宽度为界限,鼠标移动在左边点击跳转到一个链接,鼠标移动右边点击跳转到另一个链接.完整代码
阅读全文
摘要：注：预览效果请点击result选项卡,个人认为这种效果非常适合做友情链接.完整代码 边框虚线旋转 转啊转啊转啊转
阅读全文
摘要：个人一直对metro风格的东西情有独钟,偶然间在腾讯网看到一款小插件,蓝色Metro风格的,所以决定把它放到我的博客中,这样做应该不会有版权问题吧orz..Complete code后言我把他原来的相关阅读换成二维码了,由于本人前端技术捉襟见肘只能用人家写好的css,自己稍微改点,另外觉得可以不依赖jq,用纯生js实现这样也许会好点.GIF & Firefox 3D视图↑↑source code↑↑小清新风格今天没事又做了一款只有返回按钮的,在Edit fiddle预览中返回顶部不好用,但是在本地调试却好用没有找到原因...
阅读全文
摘要：最近最项目的时候总会同时做pc站点跟手机站点,当手机访问的时候默认是看到pc站点的,需要在url上加上/mobile才能正常访问,这段代码是我同事分享给我的,还是蛮实用的.CODEfunction ckMobile() { var browser = { versions: function () { var u = navigator.userAgent, app = navigator.appVersion; return { trident: u.indexOf('Trident') > -1,...
阅读全文
摘要：本人的js & jq 一直是菜鸟级别,最近不忙就看了看ajax方面的知识,文中部分内容参考自这里&这里之前一直用js写ajax现在基于jq实现方便多了~$.get & $.post 和 $.ajax的区别之前看过同事写过$.post,而我一直用$.ajax,后来才知道$.get()和$.post()都是通过get和post方式来进行异步,$.ajax()说是jquery最底层的ajax实现的,这里我们使用$.ajax的方式实现.调用无参方法//调用无参方法$("#Button1").click(function () { $.ajax({ //要用p
阅读全文
摘要：前言:本人是个Metro控,自我感觉到处都充斥着Metro的元素,个人认为这种风格强调表现以及内容,以简洁著称,不过也不是大部分都喜欢,也有一些人和你讨厌这种风格~不过本人非常喜欢这种风格,看我博客的风格就知道了,嘿嘿,也正在用wp8的手机lumia920,win8刚出来的时候对开始菜单也比较喜欢,不过有点不习惯,无意间看到了这个网站导航,有一段时间研究过他的源码,无奈前段知识捉襟见肘,后来不了了之,直到有一天闲逛的时候看到懒人图库的的资源,果断下载下来收藏了,以后有机会的话做网站考虑用它做成站点地图~效果图一:效果图二感谢原文作者的分享 谢谢~!两款源码
阅读全文
摘要：前段时间做项目的时候要使用js操作cookie,jquery也有相应的插件,不过还是觉得纯生的js比较好,毕竟不依赖jq. 1 //获得coolie 的值 2 function cookie(name) { 3 var cookieArray = document.cookie.split("; "); //得到分割的cookie名值对 4 var cookie = new Object(); 5 6 for (var i = 0; i 0) { //为时不设定过期时间，浏览器关闭时cookie自动...
阅读全文
摘要：效果图预览. 1 2 3 4 使用纯生js实现图片轮换效果> 5 6 7 8 9 10 11 13 14 15 16 《千本哈》金馆长进军音乐界17 18 19 20 22 23 24 25 ...
阅读全文
摘要：原文地址:楚广明的博客 http://www.cnblogs.com/chu888chu888/archive/2012/01/05/2313045.html最近看了好几个关于标签和javascript:void(0)的帖子，谨记于此，以资查阅。 注：以下代码未经全面测试，但每一种方法可能会出现的情况都基本做了说明。 在做页面时，如果想做一个链接点击后不做任何事情，或者响应点击而完成其他事情，可以设置其属性 href = "#"，但是，这样会有一个问题，就是当页面有滚动条时，点击后会返回到页面顶端，用户体验不好。 目前有如下几种解决办法： 1)点击链接后不做任何事情 tes
阅读全文
摘要：我为什么使用Google提供的jQuery呢？ 原因：使用google提供的jQuery，加载时间少了，给用户带来好的用户体验，而且减少了服务器的流量。 注：Google Libraries API 还提供了其他主流类库 地址：http://code.google.com/intl/zh-CN/ap
阅读全文
