使用jQuery来改善源代码浏览体验

作者：Terry li - GBin1.com

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

 

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

<pre>
<script type="text/javascript">
  $(document).ready(function(){ 
    alert("欢迎来到 www.gbin1.com .................................................................................................................................");
  });
</script>
</pre> 

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

 

... ...

 

演示DEMO

 

原文地址：使用jQuery来改善源代码浏览体验