文章关键字 ‘高亮代码’

小卖弄:字符上下半截的高亮显示

2011年08月17日,星期三

近日闲适,就随便折腾点东西。本文的内容就比较蛋疼,使用CSS让字符分别上下半截高亮显示。模拟淘宝网排序处的双向排序箭头效果。提供demo页面,必要的截图和源代码展示。总之,希望本文的内容能够对您的学习有所帮助。

阅读全文…

jQuery – 高亮动态显示页面HTML代码插件

2010年04月23日,星期五

我经常思考如何更加清晰的表述自己的观点,所以我会截图、会制作动画,甚至会录制视频,当然demo也是必不可少的。但是,有时候,我们想要看到的不只是现象,更要直观地看到内部的代码运作,例如,我们学习jQuery的外部插入方法,节点删除这类DOM操作时,看到HTML节点代码的变化是最直观的了;还有,也是更加必要的,就是在js功能调试的时候,有时候,我们要修改一个表单的name值,但是修改与否,页面上是显示不出来的,但是如果可以窥见HTML代码,那就很赞了。

所以我决定写一个可以高亮动态显示HTML片段的插件,方便调试与演示。本文提供详细的演示与讲解,以及源文件下载,希望能对您的学习有所帮助。

阅读全文…