作者：Terry li -

作为一个技术人员，经常需要在开发中查阅一些资料，其中自然包括了代码片段，而代码片段的浏览方式，决定了用户的体验，今天我这里使用jQuery简单实现一个源代码浏览器，希望对大家有帮助！

首先我们这里使用<pre>来定义需要显示的代码，如下：

大家看到这个代码的宽度比较大，所以一般的显示方式是在pre里生成一个滚动条，用户使用滚动条来拖动查看代码。

更多内容及其代码演示请参考原文。

原文地址：