基于jquery高亮显示插件

CodeMirror一款“Online Source Editor”,基于Javascript,短小精悍,实时在线代码高亮显示,他不是某个富文本编辑器的附属产品,他是许多大名鼎鼎的在线代码编辑器的基础库。

 

主页:

http://codemirror.net/

 

 

      2)JUSH是一款jQuery 代码高亮插件,支持HTML, CSS, PHP, PY 和SQL等多种语言。

主页:

http://plugins.jquery.com/project/JUSH

 

 

      3)Google Code Prettify提供一个javascript 模块和CSS 文件,可以在HTML页面中显示源代码的代码高亮效果。这是用于code.google.com的脚本。

 

主页:

http://code.google.com/p/google-code-prettify/

 

 

 

     4) DlHighlight是一款简单的代码高亮脚本,它只支持4中编程语言:JavaScript, CSS, XML, HTML.

 

主页:

http://mihai.bazon.net/projects/javascript-syntax-highlighting-engine

 

 

 

      5)jQuery.Syntax是一个超快、超轻量级的程序源代码语法着色jQuery插件。支持大部分程序语言,具体可查看所有支持的语言。

 

主页:

http://www.oriontransfer.co.nz/software/jquery-syntax/index.en

演示地址:

http://www.oriontransfer.co.nz/software/jquery-syntax/examples

 

 

时间: 2024-09-24 15:22:38

基于jquery高亮显示插件的相关文章

基于jQuery倒计时插件实现团购秒杀效果_jquery

倒计时一般是用来表示未来某一时刻距现在时刻还剩多少时间.倒计时在WEB上应用非常广泛,如考试系统倒计时,团购网站中的优惠活动倒计时等等.今天,我们来使用jQuery倒计时超级实现团购秒杀效果,感兴趣的朋友一起学习吧! 1.1 帮助文档关键字 倒计时 秒杀 timer 1.2. 使用场景 这样的倒计时在购物网站中会经常使用到,比如秒杀,限时抢购,确认收货倒计时. 这个功能并不难实现,就是利用js的定时执行,搜了一下网上的代码,五花八门,都是一个方法,没有做到封装,方便使用,所以写了一个插件,方便项

基于jquery fly插件实现加入购物车抛物线动画效果_jquery

先给大家展示下效果图: 在购物网站中,加入购物车的功能是必须的功能,有的网站在用户点击加入购物车按钮时,就会出现该商品从点击出以抛物线的动画相似加入购物车,这个功能看起来非常炫,对用户体验也有一定的提高.下面介绍基于jquery fly插件实现加入购物车抛物线动画效果. 使用jquery.fly插件很方便时实现抛物线动画加入购物车的功能 一.插件下载 插件官方:https://github.com/amibug/fly 二.载入jQuery库文件和jquery.fly.min.js插件 <scr

基于jQuery Circlr插件实现产品图片360度旋转_jquery

Circlr是一款可以对产品图片进行360度全方位旋转展示的jQuery插件.Circlr通过按一定角度规律拍摄的产品图片,制作出可以使用鼠标拖动.鼠标滚轮和移动触摸来进行图片逐帧旋转的效果.比先前的Rollerblade,动画顺畅了许多,也更易于控制,该插件非常适合于商品的展示. 它的特点有: 支持水平或垂直方向旋转. 支持移动触摸事件. 支持滚动事件. 图片预加载处理. 可以反向和循环旋转图片. jQ酷实例教程:jQuery产品图片360度旋转Circlr 引入核心文件 <script sr

基于jquery 日历插件应用

1)jQuery Frontier Calendar是一个可灵活定制的月日历jQuery插件,看起来类似于Google Calendar.当在一个日期单元格中有比较多的待办事项 时,将出现一个更多的链接,点击这个链接会弹一个jQuery模式对话框来显示所有的事务.这个日历还支持通过CSS文件改变整个日历的背景. 主页: http://code.google.com/p/jquery-frontier-calendar/            2)NoGray 制定了一个像我们这样的Web开发人员

基于jQuery日历插件制作日历_jquery

来看下最终效果图吧: 是长得丑了一点,不要吐槽我-.- 首先来说说这个日历主要的制作逻辑吧: ·一个月份最多有31天,需要一个7X6的表格去装载 ·如果知道了某个月份1号是星期几,这个月份有多少天,一个循环就可以显示某个月的日历了吧(眼睛都放光了*.*) ·加上一些控件让用户可以方便操作吧(比如可以输入年份.月份,可以点击选择年份.月份) 新建一个html文件,html结构: <div class="container"> <input type="text

qTip2 精致的基于jQuery提示信息插件_jquery

qTip2采用了MIT/GPLv2许可,官方网站为:http://craigsworks.com/projects/qtip2/,目前还没发布一个稳定版,Nightly版本经常会更新,当然这并不影响正常使用.简介 若不放心可以尝试旧版的qTip,但在一些参数上会有所不同:若是从qTip升级到qTip2,可以使用官方提供的转换工具来升级你的代码:http://craigsworks.com/projects/qtip2/converter/. 如果使用时出现问题,那么直接下载以下3个文件吧,至少官

基于jquery 高亮显示和隐藏代码

这里我们有点像产品选择效果,像aifang网的楼盘列表页面就有这种效果,先显示一部份然后点击更多就全部显示了,先来看效果图一 上面是在未点击,显示全部品牌时的效果,我们点击"显示全部品牌"出现如下效果. 这亲就全部显示出来了,只要再点击"精简显示品牌"就可以回到最初的效果了,好了下面我们来看效果代码 jquery代码,也是核心代码如下  代码如下 复制代码 <script src="/jquery-1.3.2.min.js" type=&q

fancybox1.3.1 基于Jquery的插件在IE中图片显示问题_jquery

主要特色有: 显示HTML,swf,Iframe,ajax请求 支持鼠标滚动显示图片 支持阴影,放大效果 自定义CSS与增加导航按钮 官方有提供比较详细的API,与及How to Use .这里我们不介如何使用了,您可以参看官方网站.下面我们看一段示例代码: 复制代码 代码如下: var selectedid = $("select[name$=DdlSearchProfile]").val(); var selectedtxt = $("select[name$=DdlSe

Json2Template.js 基于jquery的插件 绑定JavaScript对象到Html模板中_jquery

复制代码 代码如下: $("#div").bindTemplate({ source : json object, template : null | $("#template") | "<div>{{object}}</div>", dateFormat : "d.m.y", tagOpen : "{{", tagClose : "}}" }); bindTem