jquery搜索文本高亮

在页面上搜索某个关键字,使关键词高亮;
高亮样式自己可以重新定义:
例如:

span.highlight { color:#F00; font-weight:700}

使用高亮:

$(‘#fancy-text’).highLight();//清除高亮
$(‘#fancy-text’).highLight(“mode”);//显示高亮

查看demo:http://www.css88.com/demo/highlight/
转自http://www.css88.com/archives/2484

适用于linux的免费图像编辑软件

Gimp


Gimp是一个跨平台的图像编辑软件 ( 支持Linux, Mac, Windows, FreeBSD, Sun OpenSolaris) , 它或许是最适合替代Photoshop的一个软件. Gimp 拥有庞大的用户社区和详细的使用帮助教程.
下载 Gimp

Inkscape


Inkscape是一个开放源代码的矢量图形编辑软件, 类似于Adobe Illustrator, Corel Draw, Freehand, 或者 Xara X.
下载 Inkscape.

Xara Xtreme

Xara Xtreme是Linux下一个强大的图片编辑软件, 支持的 Unix 平台包括Linux, FreeBSD 等. 它是基于Xara Xtreme Windows版本, 据说是最快的图形处理软件.
下载Xara Xtreme.

Krita


[适用于 Linux 平台] Krita是KOffice中的一个图像处理器, 它可以满足一些普通的图像编辑需求.
Download Krita.

Crystal Space

Crystal Space是一个免费的跨平台软件开发工具包,主要用来开发创建实时的3D图形和一些特别的游戏。主要支持Linux ,Mac OS X和Windows 。
 
 

Blender

Blender是一个稳定的3D模型创作软件,可用于所有主要的操作系统,基于GPL许可。你可以利用它创建模型,阴影,动画等交互式3D效果。
 

如何在Ubuntu中安装FireFox 4

怎样在Ubuntu[10.04和10.10]中安装FireFox 4(火狐4) 呢?FireFox 4是稳定的版本,按照下面给出的步骤来:
1. 如果你在使用我们之前的帖子里提供的火狐4开发版,用下面的命令删除之:
$ sudo apt-get remove firefox-4.0
如果你没有使用开发版,跳过这个步骤。
2. 现在添加火狐稳定版PPA
$ sudo add-apt-repository ppa:mozillateam/firefox-stable
3. 现在更新软件列表
$ sudo apt-get update
4. 最后使用下面的命令安装火狐4
$ sudo apt-get install firefox
安装之后,你可以在“应用程序>互联网>火狐网络浏览器”里找到火狐4。

考验智商小游戏:3D孔明锁-比较杀时间

游戏介绍:
孔明锁相传是三国时期诸葛孔明根据八卦玄学的原理发明的一种玩具,曾广泛流传于民间。孔明锁又称八卦锁,或称鲁班锁,民间还有“瘤子联方”、“莫奈何”等叫法。看似简单,却凝结着不凡的智慧。

游戏操作:
耐心等在LOAD加载完毕,点击PLAY
左下角的眼睛和手型工具可以切换,眼睛的时候可以通过翻转仔细观看孔明锁,看出解法的时候切换手轻工具拆开孔明
[ 鼠标 ] 旋转移动
[空格] 切换眼睛和手型工具
游戏目的:
解开孔明锁算是过关。

给WordPress添加FLV播放器 代码版

首先 下载 flvplayer.swf 播放器:http://hjyl.org/flv
然后 把播放器放到 当前使用主题目录 即 wp-content/theme/****;
最后 在主题的 functions.php 中添加如下代码即可;

/**FLV player */
function flvplayer($atts, $content=null){
extract(shortcode_atts(array("width"=>'460',"height"=>'330'),$atts));
return '
';}
add_shortcode('flv','flvplayer');

以后写文章的时候,调用使用

[flv] [/flv]

标签,当然可以传出尺寸的参数 即

[flv width="600" height="300"]url[/flv]

转自http://www.ylsnuha.com/wordpress-flv-player-code/

Linux VPS上用户、用户组和文件权限问题

一直苦恼于VPS上用户权限问题,设置不当,WordPress后台不能编辑主题、不能上传文件、不能自动升级。为什么虚拟主机上直接设置文件夹权限为755,文件权限为644就行,而在VPS上要设置成777才能操作WordPress后台的一些功能。今天又查找了一些文章,才大致有些了解。
用户是登陆Linux 的账户,用UID表示,可设置密码,保存在/etc/passwd 文件中;
用户组是用户的分组,不同组别的权限可设置不同,用GID表示,保存在/etc/group文件中;
文件或文件夹的权限有读、写、执行三种,要放在“用户/用户组”这个主体上才有意义。
我习惯于用root账户登录SSH,下载、安装、配置网站。因此,网站目录所属用户/用户组都是root,在文件夹755、文件644的权限时,WordPress后台不能修改主题。在用户不变的情况下,要修改只能将文件/夹权限设置成777,太危险了。打开一个虚拟主机的FTP账户,发现所属用户不可能是root。于是考虑修改用户组。用chown修改:

chown -R www 网站目录

还可以给网站根目录添加sgid权限给目录添加sgid权限,可以使在该目录下创建文件或文件的所属组继承该目录的所属组:

cd /var/www/html
chown :www .
chmod g+s .

刷新DNS命令 如何刷新DNS缓存

首先进入命令提示符下(开始——运行——cmd):
先运行:ipconfig /displaydns这个命令,查看一下本机已经缓存了那些的dns信息的,然后输入下面的命令
ipconfig /flushdns
这时本机的dns缓存信息已经清空了,我们可以再次输入第一次输入的命令来看一下,
ipconfig /displaydns

WordPress顶部加载进度条

演示可以见zww.me和我的博客hjyl.org
1.先建一个DIV块,即红色的进度条,比如你的主题刚好有一条线,你可以在这条线下面加上此句:


红色进度条的CSS定义如下:

#w-loading{z-index:99999;position:absolute;left:0;top:-1px;width:100%;height:1px;}
#w-loading div{width:0;height:1px;background:#d54e21;}

当然这个CSS样式可以根据自己需要修改,以更适合你的主题。
2.在页面的适当位置加上进度


可以加,2-5个,不建议太多.注意更改上边代码中的数值
3.在Footer处放置加载完成代码


(完)
转自http://ajax.lu/#/wordpress/themes-wp/jq-loading-bar/

[jQuery]滑动导航-回到顶部代码

功能描述:鼠标移到上/下箭头,页面慢慢向上/下滑动,鼠标移开则停止;若点击则直接滑到页首/页尾。
代码来自:五个木
html代码+php判断,文章页才加载comt这个div(这个代码我觉得放在底部比较合适):


CSS相关代码,更改为fixed定位,不再兼容IE6,magin-right的400需调整:

#shangxia{position:fixed;top:40%;right:50%;margin-right:-400px;display:block;}
#shang,#comt,#xia{background:url(images/huadong.png) no-repeat;position:relative;cursor:pointer;height:25px;width:29px;margin:10px 0 0;}
#comt{background-position:center -30px;height:32px;}
#xia{background-position:center -68px;}

图标素材可以用五个木同学的,点这里。当然也可以自己P个。
jQuery代码:

jQuery(document).ready(function($){
$body=(window.opera)?(document.compatMode=="CSS1Compat"?$('html'):$('body')):$('html,body');//修复Opera滑动异常地,加过就不需要重复加了。
$('#shang').mouseover(function(){//鼠标移到id=shang元素上触发事件
		up();
	}).mouseout(function(){//鼠标移出事件
		clearTimeout(fq);
	}).click(function(){//点击事件
		$body.animate({scrollTop:0},400);//400毫秒滑动到顶部
});
$('#xia').mouseover(function(){
		dn();
	}).mouseout(function(){
		clearTimeout(fq);
	}).click(function(){
		$body.animate({scrollTop:$(document).height()},400);//直接取得页面高度,不再是手动指定页尾ID
});
$('#comt').click(function(){
	$body.animate({scrollTop:$('#comments').offset().top},400);//滑动到id=comments元素,遇到不规范的主题需调整
});
}); 
//下面部分放jQuery外围,几个数值不妨自行改变试试
function up(){
   $wd = $(window);
   $wd.scrollTop($wd.scrollTop() - 1);
   fq = setTimeout("up()", 50);
}
function dn(){
   $wd = $(window);
   $wd.scrollTop($wd.scrollTop() + 1);
   fq = setTimeout("dn()", 50);
}

(完)