一月
11

TouchSlider 1.0 – 兼容触摸屏手机与PC的幻灯片

TouchSlider 1.0 - 兼容触摸屏手机与PC的幻灯片
注:应该是不支持IE6的。支持安卓系、iOS苹果机、平板以及PC上的浏览器,包括IE7、IE8等。 触屏手机越来越流行,所以制作网站也要越来越多的考虑手机用户的使用体验。网站上如果有轮换图片的幻灯片(走马灯)之类的功能,就要考虑触屏手机用户的使用体验,而提供他们可以通过手指滑动来切换上一张/下一张的功能,将会是很大的体验提升。 基于此考虑,我在参考了Swipe的实现后,开发了可以同时支持触屏手机手指滑动与PC上鼠标点击滑动的一段
继续阅读→ 本文标签: , , , , , ,

六月
10

wordpress的微博时间显示方法

wordpress的微博时间显示方法
前段时间大家都热衷于在wordpress上显示“XX小时,XX分钟前”类似的时间显示方式。 我在开发社交媒体连接插件的最新微博功能时,也想将微博的时间显示与新浪微博的显示方式一致。具体的要求如下: 一分钟之内显示“刚刚”;大于一分钟小于一个小时显示“XX分钟之前”;大于一个小时但在当天之内(小于当天24点),显示“今天 XX:XX”,今天之前,但是在今年之内的显示“XX月XX日,XX:XX”,今年以前的显示“XXXXXX月XX日,XX:XX”。 由于要考
继续阅读→ 本文标签: , , , , ,

二月
22

javascript自定义Dialog对话框(alert, confirm, prompt) — (一)

javascript自定义Dialog对话框(alert, confirm, prompt) -- (一)
接触过javascript的同学一定都知道JS里的顶级对象window对象包含三个方法:alert(警告框,确定)、confirm(确认框,确认or取消)、prompt(输入确认框,输入内容and确认or取消),没接触过的你也一定在某个网站被狠狠的弹过。。。。 以alert警告框为例,通过调用window.alert(“消息”)可以在浏览器中弹出一个警告窗口(可省略window,直接使用alert)。但是这个窗口在不同的浏览器、不同的操作系统上,外观却并不相同,更不用说和自己网站的风格相搭配了
继续阅读→ 本文标签: , , , ,

一月
30

终极完美版javascript获取并限制调整图片尺寸

终极完美版javascript获取并限制调整图片尺寸
好久没更新了,再过几十个小时就农历新年了,这篇是今年最后一篇了,提前预祝大家兔年吉祥如意哈。。。。。 之前我写过一篇《【JavaScript温故知新】获取远程图片的尺寸大小》,文中我提供了获取远程图片尺寸(即图片宽度和高度)的方法。在文末我还附加一段代码,是用来调整图片尺寸的。那段代码并没有什么错误,只是由于我没仔细测试,所以当我现在在我的新主题上应用图片调整功能时,发现了这段代码的的不足之处: 主要表现在I
继续阅读→ 本文标签: , , , ,

一月
19

优化javascript中mouseover和mouseout事件

优化javascript中mouseover和mouseout事件
之前做开发时就遇到了这个问题,表现为: 当为某个容器绑定了 onmouseover 或者onmouseout 事件时,如果这个容器中有其它元素节点,那么鼠标在内部移动时会频繁触发 onmouseover和onmouseout 事件。这有个实例,别人的,可以参考下。 而我想要的效果是:事件仅在鼠标进入/离开元素区域触发一次,当鼠标在元素区域内部移动的时候不会触发。 为什么会出现这个原因呢?其实是因为事件冒泡导致的。当鼠标移上或者移出容器中的子节点时,会分别触发mo
继续阅读→ 本文标签: , , , ,

一月
17

wordpress评论系统的回复、引用二合一

wordpress评论系统的回复、引用二合一
我在前面的时候介绍过引用功能的添加(非jquery方法):《添加引用按钮——轻松打造属于你的WordPress引用回复功能》。 现在我还想再来说一下基于原生JS的回复和引用功能的添加方法,并且是使用监听器绑定事件,不污染DOM节点,力争做到行为与内容分离。 先来看下我的一条评论的结构 可以看到,我是将每条评论放到 li#li-comment-{id} 标签里,然后紧接着有个 div#comment-{id} 的容器,这个容器中就是真正的本条评论的相关内容了。如果这条评论有子
继续阅读→ 本文标签: , , , ,

十二月
05

【转载】优化HTML

【转载】优化HTML
【前言】没有自己动手写些东西,但是看了不少的技术文。特转载一篇有代表性的文章。原文载于[Jeekundo.com], 是作者翻译自老外的一篇文章。[这里也有一篇类似的文章,来自百度泛用户体验博客的一片文章,也可以查看。其文中有些观点我觉得有错误,查看需谨慎] 本文中插入了我自己的一些批注与看法。我只推荐看前半部分,后半部分无很大意思。 为何要保持标签整洁 一团糟的写法 附加的优化方法 激进的优化方法 物极必反 反
继续阅读→ 本文标签: , , , ,

十一月
30

【JavaScript温故知新】获取远程图片的尺寸大小

【JavaScript温故知新】获取远程图片的尺寸大小
【头题】这又是一篇探讨文。即为我学习中总结,不是教程,不是技术样板,请你抱着怀疑的、挑错的态度来阅读此文。 我早在暑假初的时候写过一篇《我是如何处理文章中图片的》,其实那篇文章中的代码主要是为了限制图片的大小,因为IE对图片的按比例处理支持很不好。比如我对图片限制“max-width:600px”,火狐、chrome等浏览器会按比例缩小图片,而IE这方面较差,往往不是按比例缩小,会导致图片变形。而且IE6不支持max-width。 所以为了兼容性,
继续阅读→ 本文标签: , , ,

十一月
19

【JS温故知新】之——给力的鼠标坐标位置获取

【JS温故知新】之——给力的鼠标坐标位置获取
我不是一个脑子灵光的人,所以学东西忘得快。姑且记录下来,以后方便温故知新。当然,内容中加入了我的一些理解与标注,如有不准之处,还望及时指出,一块提高。 鼠标事件的坐标位置的类型 其实无非就是以下几种 相对于客户端浏览区域的坐标(客户区坐标) 相对于整个文档中的坐标(文档绝对坐标) 相对于屏幕的坐标(屏幕坐标) 相对于触发事件的元素所在的层级关系中最近的具有position相关/绝对定位的容器的坐标 我这里
继续阅读→ 本文标签: , , , , ,

十月
22

wordpress之一句代码获取某个分类下的文章数

wordpress之一句代码获取某个分类下的文章数
在做ajaxPaled的封面效果时,想要获取某个分类下的文章数目(只输出数字即可),于是网上搜了下,发现无非就是两种途径,第一种是直接通过洋洋洒洒的几十行代码,利用SQL语句查询出结果。这种方法,一个字感觉:蛋疼! 第二种方法是利用wp_list_categories通过输出“分类名(文章数量)”形式,然后提取出数字。这个方法,用了蛋更疼!! SO,我只好自己动手,丰衣足食了—— wordpress获取指定分类文章数 我在wordpress的目录路径“include\category.php”文件
继续阅读→ 本文标签: , , ,