不间断向上滚动的JS代码 [code] function addEventSimple(obj, evt, fn) { if (obj.addEventListener) { obj.addEventListener(evt, fn, false); } else if (obj.attachEvent) { obj.attachEvent('on' + evt, fn); } } addEventSimple(windo......继续阅读
WordPress的全站Ajax加载(四)完整代码篇(完结) 最近发现小伙伴们对ajax加载比较感兴趣,我之前也写了三篇转门介绍Ajax,自以为已经结束了 写的也比较清楚了。有点懒同学给我提了建议“得把读者都当成小白来看待,不然估计还看不懂”。此文接受建议而出,不过个人还是觉得小伙伴们不要太过把自己当小白,还是要多学会思考总结。本人以前也是小白一个 学的也不是编程。好了 废话不多说 直接进入主题。 这篇部分代码是本人正在使用的代码摘录而出,使用了html5的......继续阅读
WordPress的全站Ajax加载(三)改变地址栏 Ajax的优点就是通过局部刷新内容 提高用户体验,但是众所周知的的,ajax后地址栏是不会跟随改变的,URL会一直显示在你第一次进入网站的地址。这样的话 如果用户想分享地址的或者想保存地址的话 就不是当前文章所在的地址。还有返回前进不能使用,这样就造成了很尴尬的局面。这篇文章将介绍2种实现方法,2种各有优缺点。Let's go~~第一种方法是通过Jquery的一个插件jQuery Address实......继续阅读
WordPress的全站Ajax加载(二)异步加载 接上文。通过寥寥几条评论 还是能看出大家比较喜欢这种局部刷新的效果的。今天将带大家进入异步加载的核心部分。另外由于个人不是从事IT相关的工作 有时候比较忙,更新文章不是很勤快,请谅解 呵呵。我也只是上学的时候学过一点C和java后来也无疾而终,这方面的东西也只是爱好。我也只能抽空写点东西,比如上班的时候-,-就是今天。好,不啰嗦 走起。Ajax其实比较比较泛指,最低层的应该是.ajax(); 基于......继续阅读
WordPress的全站Ajax加载(一)扯独自 大家好,经过了大约一年 我终于更新文章了-,- 。至于为什么这么久呢 在这里我也就不多了说,我在about也没也简单介绍过了。今天不是来扯独自的(雾)~。从这篇文章开始我就将分多次向大家介绍全站Ajax的实现。高手请绕行,菜鸟估计也会有点晕,我也尽量从我这个菜鸟角度出发,说的通俗易懂。说道Ajax,也许大家不是很陌生,最常见的应该 就是评论Ajax提交了。如果你还想直观点的了解,你可以点击我的站内......继续阅读
手机网站之触屏焦点图插件:owlcarousel 公司建立手机网站,老潘参与了静态页面的切图以及一些简单的特效制作,在制作过程中,遇到了一个问题,手机网站上触摸并且响应式的焦点图,百般google才找到这个完美的东西owlcarousel。demo请移步:http://www.owlgraphic.com/owlcarousel/引用方法: Your Content Your Content Your Co......继续阅读
超棒的视觉效果jQuery插件 – FractionSlider 应领导要求,在给公司做专题的时候,需要给专题加上slider里文字图片等的飞入飞出淡入淡出等效果,google之,发现FractionSlider ,DEMO请移步http://jacksbox.de/stuff/jquery-fractionslider/ 使用非常简单,先引入css和js,如下: [code] <script type="text/javascript"......继续阅读
js代码 设为首页 加入收藏 [code]// JavaScript Document // 加入收藏 <a onclick="AddFavorite(window.location,document.title)">加入收藏</a> function AddFavorite(sURL, sTitle) { try { window.external.addFavorite(sURL......继续阅读
给wordpress的css和js加上时间戳 经常修改主题,因为缓存的缘故,难免遇上需要访客浏览器强制刷新的情况。但是尽量增加客户端css,js,图片缓存时间是提高站点访问速度的一个关键因素,为解决这个矛盾,常见的方法是在css和js后面跟上一段时间戳。当css、js文件修改后,相对应的URL发生变化,让浏览器主动去更新这些文件。而在平时,通过修改站点根目录下的.htaccess给css/js一个尽可能长的缓存时间。 下面是该方法在wordp......继续阅读
JQ给元素添加class [code]<script type="text/javascript"> $(function(){ $(".menu li").hover(function(){ $(this).children("a").toggleClass("on"); }) }) </script></pre......继续阅读