Z-BlogPHP“运行代码演示”插件说明

我们在网上找代码,难免会遇到不能直接查看演示的情况,或者难以复制(不好选择、带序号有木有),经过一番复制粘贴修改各种折腾后,才发现并不是自己想要的,这种痛苦你懂的,那时心中除了万马奔腾,往往还会默默记下网站的模样,确保下次出现在搜索结果中就尽量不去点击了~SO,网站做到令用户嫌弃就太醉了!

基于以上,一款技术含量并不算高深但却能提升网站友好度的小巧插件就此横空出世。各位享用插件的时候,如遇到问题,或想提供建议,敬请在此页留言。

一个HTML链接:

<a href="http://yiwuku.com/">益吾库</a>

一句PHP代码:

<?php echo "I'm php code!";?>

一个JS写的小游戏:

<script type="text/javascript">
var total = 0
var play = false
function display(element) {
var now = new Date()
if (!play) {
play = true
startTime = now.getTime()}
if (now.getTime() - startTime > 20000) {
alert("时间到!");
element.checked = !element.checked
return
}
 if (element.checked)
total++
else
total--
element.form.num.value = total
}
function restart(form) {
total = 0
play = false
for (var i = 1; i <= 100; ++i) {
 form.elements[i].checked = false
   }
}
</script>

<CENTER>测试你控制鼠标的技巧,看看你的鼠标有多棒,看看20秒内你能选中多少个框</CENTER>
<script type="text/javascript">
document.write("<FORM><CENTER>")
document.write('<INPUT TYPE="text" VALUE="0" ');
document.write('NAME="num" SIZE=10 onFocus="this.blur()"><BR>')
document.write("<HR SIZE=1 WIDTH=40%>")
for (var i = 0; i < 10; ++i) {
for (var j = 0; j < 10; ++j) {
document.write('<INPUT TYPE="checkbox" ');
document.write('onClick="display(this)">')}
document.write("<BR>")}
document.write("<HR SIZE=1 WIDTH=40%>")
document.write('<INPUT TYPE="button" VALUE="重来" ');
document.write('onClick="restart(this.form)">')
document.write("</CENTER></FORM>")
</script>

当前演示各功能按钮的添加即由“运行代码演示[VIP多功能版]”插件实现,若对插件有疑问或需查看其他设置状况(如默认文本框显示是什么样子),可以点击右侧QQ头像联系作者。免费版已暂停在此演示,如能满足需求,请直接安装使用即可。