[推荐]“代码运行、复制、另存为”功能插件

当前位置：

[推荐]“代码运行、复制、另存为”功能插件

2009年07月03日 17:51 作者：hzhjun 分类：Other 浏览：9 评论：6

从建站以来，由于一些文章需要代码演示，一直在寻找一款插件，可以进行代码运行，直接在页面修改浏览的插件，却总是不甚满意。今天，在逛z-blog论坛时，终于找到了，欣喜若狂！于是下载、安装，赶紧看效果，现在上传一段代码试下：

推荐em实现倒三角效果：

<!DOCTYPE html PUBLIC ”-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”> <html xmlns=”http://www.w3.org/1999/xhtml”> <head> <meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ /> <title>em实现倒三角效果</title> <style type=”text/css”> #menu { width:500px; padding:0; margin:40px auto; list-style-type:none; } #menu li { width:100px; float:left; line-height:30px } #menu a { position:relative; display:block; text-decoration:none; background:#cccccc; width:100px; } #menu a span { display:block; font-weight:bold; color:#000; border-style:solid; border-width:0px 2px 2px 0px; border-color:#fff #fff #06a #fff; text-align:center; } #menu a em { display:none; } #menu a:hover { background:#FF0000; } #menu a:hover span { color:#fff; } #menu a:hover em { display:block; overflow:hidden; border:6px solid #06a; border-color:#06a #fff; border-width:6px 6px 0 6px; position:absolute; left:50%; top:100%; margin-left:-6px; } </style> </head> <body> <ul id=”menu”> <li><a href=”http://www.hzhjun.cn”>M One</a></li> <li><a href=”http://www.hzhjun.cn”>M Two</a></li> <li><a href=”http://www.hzhjun.cn”>M Three</a></li> <li><a href=”http://www.hzhjun.cn”>M Four</a></li> </ul> </body> </html>

感觉很不错，和自己在其他论坛上用到的基本一样，非常满意。

好东西要大家分享，但一定要尊重作者的劳动成果并怀感激之心。现在就推荐下这款插件，希望也同我一样有需要的朋友可以一起使用！

插件资料：

名称：RunCode
作者：漱风居士
版本：1.0
发布日期：2009年6月25日
简介：激活本插件后，[CODE][/CODE]标签自动被替换成带运行、复制、另存为按钮的多行文本框。
详细说明：http://0e2.net/post/runcode.html
下载：RunCode.zpi

标签：代码运行 - 插件

本文引用地址：

原创文章，转载请注明：转载自大踏步走

上一篇：网页之前端与后台的“对话” 下一篇：80后最难忘的歌和影像-记录那些曾经的感动

暂无相关日志

已有评论有 6 位朋友发表了评论

密陀僧说：

2009/07/14于09:57

额。。。我这里看到好像没什么问题啊

hzhjun 于 2009-7-14 13:18:36 回复

在ubb下看源码是没有问题的，但实现出来就这样；可视编辑的源码下，显示的代码就很乱了。。。

回复
RayStorm 说：

2009/07/09于14:40

这个很实用

回复
悦色说：

2009/07/07于22:36

不错的插件学习了、、
以后也要安装一个

hzhjun 于 2009-7-8 9:48:31 回复

真的很不错！

回复
yoja 说：

2009/07/07于20:19

哦，zblog有这个功能啊，还不知道

hzhjun 于 2009-7-7 20:51:58 回复

呵呵，我也是最近才发现，安装使用都很简单，如果有需要你可以试试！

回复
濯焰鸟说：

2009/07/06于18:20

这个要顶，和在其他网站看到的一样，拿走了。另：这个倒三角导航也不错！

hzhjun 于 2009-7-7 9:36:25 回复

这个真的很好很强大！

回复
密陀僧说：

2009/07/03于20:24

EM标签居然有这等妙用:)

hzhjun 于 2009-7-3 21:57:30 回复

其实只是用到了boder的属性，用其他标签也可以模拟。
还要多谢朋友推出的这款插件，非常好用！

回复

大踏步走

当前位置：