WordPress中添加评论Ctrl+Enter快捷回复

作者:matrix 发布时间:2013年9月1日 分类:Wordpress 兼容并蓄

修改TC_NGRO主题时发现提交评论没有Ctrl+Enter快捷回复,而现在的主题一般都有此功能 很实用。

TC_NGRO主题wordpress版

在comments.php中找到类似代码

<p><textarea rows="5" cols="50" name="comment" class="textarea" id="comment"></textarea></p>  
<p><input type="submit" value="<?php _e('提交评论/Ctrl+Enter'); ?>" id="submit" class="submit" /><?php comment_id_fields(); ?> </p>  

要确保<textarea中的name、id的值与下面的js代码中的第2行处的值(此处为comment)对应一致。

<input中的 type、id的值下面的js代码中的第12行处的值(此处为submit)对应一致。

在</form>下行处添加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>  

添加js抖动特效-鼠标悬停图片文字抖动

作者:matrix 发布时间:2013年8月13日 分类:Wordpress 兼容并蓄

jquery

WordPress添加js抖动特效  效果不错!

在header.php添加代码:

<script type="text/javascript" src="/js/jquery-1.4.2.min.js"></script>  
<script type="text/javascript" src="/js/jquery.doudong.js"></script>  
<script type="text/javascript">  
//抖动特效  
$(document).ready(function(){  
    $('.logo,#bot_mainr').shake();  
});  
</script>  

说明:

第1、2行的js文件时必须加载的,如果加载了JQ库就不用加载jquery-1.4.2.min.js文件。

第6行的.logo 和#mainr是设定的抖动标签和样式。

js下载:http://189.io/gLwunn

代码来自:http://www.17sucai.com/pins/505.html

水果忍者网页版

作者:matrix 发布时间:2013年1月18日 分类:兼容并蓄

用 HTML5 和 Javascript 仿制一个水果忍者网页版!

它由百度js小组开发的一款开源网页游戏,游戏的手感和音效与原版相差无几,你可以无需安装,不用手机,打开浏览器就直接玩!

地址:http://nus40g1.chinaw3.com/demos/fruit-ninja/

水果忍者网页版

 

github:https://github.com/ChineseDron/fruit-ninja

解除右键限制

作者:matrix 发布时间:2012年7月3日 分类:兼容并蓄

如果你不想你的博客文章或是站点内容被轻易复制截取,可以采用本文所述方法,但是,这样会影响用户浏览的满意程度(个人感觉~),所以如果不是被盗版得非常严重的情况下, 不推荐使用这种限制手段,毕竟如果人家真心想要采集你站点的内容,还是有办法实现的。

限制代码:

在body标签加入以下内容即可~

 

<body oncontextmenu=’return false’ ondragstart=’return false’ onselectstart=’return false’ onselect=’document.selection.empty()’ oncopy=’document.selection.empty()’ onbeforecopy=’return false’ oncut=”return false;”>

那么解除限制的方法是:

javascript:(function() { function R(a){ona = “on”+a; if(window.addEventListener) window.addEventListener(a, function (e) { for(var n=e.originalTarget; n; n=n.parentNode) n[ona]=null; }, true); window[ona]=null; document[ona]=null; if(document.body) document.body[ona]=null; window.document.body.oncopy=”";} R(“contextmenu”); R(“click”); R(“mousedown”); R(“mouseup”); R(“selectstart”);})()

直接在浏览器地址栏运行此段代码 or 将此段代码保存为书签,需要解除时点一下书签,皆可~

来自:

http://www.chnfree.com/copylimit/

图片时载入的渐显特效JQuery

作者:matrix 发布时间:2011年10月1日 分类:Wordpress 兼容并蓄

图片时载入的渐显特效JQuery

最新文章查看>>完善lazyload懒加载图片渐显特效

 

特效优点:

  1. 加速WordPress站点的页面载入速度;
  2. 不唐突的图片渐显方式;
  3. 代码精简,便于操作维护,js代码仅仅 1.6KB  先决条件是:你的站加载了 Jquery.js

原理:

这个特效是少有的即华丽又加速的效果,因为它能判断访客是不是在查看当前图片,若则加载预留的填充图片 grey.gif ,等到访客滑动鼠标滑轮或浏览到图片位置时,真正的图片地址才会加载。
也就是说,如果访客瞬间打开你的页面,然后瞬间关闭,处于页脚的图片是不被加载的,何乐而不为呢?
不用担心对访客的友好程度,这个效果会在图片即将被浏览到的时候就开始加载图片。

实现方法:

 jquery.lazyload.js
预填充图片 fill.gif

下载地址:

http://www.400gb.com/file/29068037

http://yfdisk.com/file/hhtjim/fe2ac2cd/

http://pan.baidu.com/share/link?shareid=1087994774&uk=3238236832

阅读剩余部分 »

分享5个有趣的 JavaScript 代码

作者:matrix 发布时间:2011年8月13日 分类:Wordpress 兼容并蓄

js很多人认为编程语言只是用于工作,没有什么乐趣,其实,只要我们发挥奇思妙想,再死板的东西也有有趣的一面。这篇文章告诉大家:使用JavaScript,可以做很多很多有趣的事情。以下代码拷贝到地址栏回车即可运行,赶紧试试吧。

1. 网页射击游戏

这个游戏可以在任何网页里面玩,把下面代码粘贴到地址栏回车,按空格键进行射击,W键可前进,A、D键或者方向键可改变射击方向。 阅读剩余部分 »

Feed2JS实现JS的外部调用

作者:matrix 发布时间:2011年4月30日 分类:兼容并蓄

feedfeed2js顾名思义就是将feed内容以js方式输出,便于嵌入页面中,做成文章列表。不单适用于Wordpress,任何博客程序以及免费博客甚至网站,只要支持RSS Feed就可以适用。你甚至可以利用它来做一个简易的RSS阅读器。

网址:http://feed2js.org/index.php?s=build

在页面中URL地址栏输入RSS Feed地址,再在下面选项中进行一些设置。
比如:Number of items to display设置显示条数
中文内容会出现乱码选上UTF-8 Character Encoding即可
点页面右边的Preview Feed可以预览效果,Generate JavasScript生成JS代码。

我的设置: http://feed2js.org/index.php?s=build&src=http%3A%2F%2Fhhtjim.com.nu%2Findex.php%2Ffeed&generate=Generate+JavaScript&chan=n&num=0&desc=0&au=n&html=n&date=n&tz=feed&targ=y&utf=y&pc=y&rss_box_id

来自:free8.com