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提交了。如果你还想直观点的了解,你可以点击我的站内......继续阅读
wordpress显示评论者来自哪个城市 实现的原理是利用新浪和淘宝的IP查询接口,返回IP所属城市小修了下代码,去掉了挂载点,直接在显示评论时调用函数将以下函数放到你的functions.php 中/** * 使用api获取城市名 * @param string $ip * @return string|mixed */function wpgo_get_city($ip = null) { $ip = $ip == null ? wp......继续阅读
手机网站之触屏焦点图插件: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......继续阅读
DIV布局自适应高度解决方案 问题:用WordPress的朋友应该知道,在做主题的时候,边栏和正文的背景不能同步高度。 解决: 1、如果#content,#sidebar在#container里面,那么直接设置#container的背景,其他两个都透明,这样从视觉上可以达到对齐效果。 2、使用JQ。 html部分: [code] <div id="content"> <div class=......继续阅读
企鹅手机网幻灯片JQ代码 HTML代码: [code] <div id=fadImgs class=flash_img> <ul class=img-box> <li> <a href="http://shop.faea.com.cn/goods.php?id=46" title="6000台企鹅F1"><img src=&quo......继续阅读