10
24
发布:
wulinfo, 类别:
社会大学, 评论:
20条评论
有些日子没有贴过代码了,都有些忘记了,写这类文章还是很懒的,测试写备注贴代码做演示等等都是让然抓狂的。
前些日子在制作主题遇到一个问题,当调用数据库输出一个<li>列表横向排列时,而这个列表我想左右两边靠边(左右对齐父div),这样就需要对<li>做不同的class名以定义不同的样式。当然实现这样的效果有很多解决的方法,但我用了一段JS规则动态修改class(类名)。
优点:省事/快捷/动态
缺点:js是最后面执行的,所以在页面其他内容未加载完成时,不能处理js,所以会造成短暂的样式失效,以及有部分用户的浏览器是禁止js的(反正我没见过这么变态的),这样就造成永远样式失效。 more…
06
03
发布:
wulinfo, 类别:
社会大学, 评论:
14条评论
前些日子,一些朋友提醒我的站点很慢,我做了些测试,除了中国其他任何国家我的网站反应速度都还算不错,而我的主要访客大都来自本国CN,其次韩国香港台湾,这说明主机商提供的线路是受cn限制的,为此我做了些优化测试,在此分享一下经验:远程寄存脚本
由于本网站已经做了静态化和Gzip压缩,以及把图片等寄存在live.com等,所以唯一想到还能进行优化提速的是:远程寄存较大的脚本和CSS样式
我另存了一个页面到本地,发现其所有文件大小约:400KB大小,其中脚本占了近一半,虽然浏览器能缓存一部分文件,但首次访问还是需要从我这每秒传输约15KB的主机上读取,是相当久的,所以我决定寄存一些脚本到一些国内访问比较快的网站上供我的小站读取,类似谷歌提供jquery脚本引用。 more…
05
13
发布:
wulinfo, 类别:
社会大学, 评论:
34条评论
今天我鼠目獐头的四处转悠,忽然间瞄见Showfom所写的Auto HighSlide插件(其目的是增强支持Highslide),工作原理是通过jQuery侦测含链接的bmp|gif|jpeg|jpg|png等图片格式,然后自动补充上Highslide所需的点击事件(查考下方),从而无需重新编辑文章中的图片插入代码支持Writer、 Raven等本地客户端写博的用户。
所以我提取了其精华部分并将它应用到Mg12的Highslide4WP插件中(注:此插件后台可以插入专用属性图片,但缺少title和其他编辑属性,我想不利于SEO吧),这样安装过Highslide4WP插件的朋友无需逐一编辑文章就能应用博客的中的所有含链接的图片,同样后台插入图片和常规一样,无需额外添加Highslide所需的鼠标点击事件。 more…
04
15
发布:
wulinfo, 类别:
社会大学, 评论:
14条评论
给你的主题添加 CTRL+ENTER 快捷键提交效果,其实比较简单的东西就不详述了,主要是通过JS侦查键盘值而触发提交ID,从而达到和鼠标点击按钮提交一样的效果。
方法:主题下为form添加下面的JS代码,或者另存JS文件然后引入JS
<script type="text/javascript">
document.getElementById("comment").onkeydown = function (moz_ev)
{
var ev = null;
if (window.event){
ev = window.event;
}else{
ev = moz_ev;
}
if (ev != null && ev.ctrlKey && ev.keyCode == 13)
{
document.getElementById("submit").click();
}
}
</script>