使用jQuery来改善源代码浏览体验
2011-06-24 11:01
232 查看
作者:Terry li - GBin1.com
作为一个技术人员,经常需要在开发中查阅一些资料,其中自然包括了代码片段,而代码片段的浏览方式,决定了用户的体验,今天我这里使用jQuery简单实现一个源代码浏览器,希望对大家有帮助!
首先我们这里使用<pre>来定义需要显示的代码,如下:
大家看到这个代码的宽度比较大,所以一般的显示方式是在pre里生成一个滚动条,用户使用滚动条来拖动查看代码。
... ...
演示DEMO
原文地址:使用jQuery来改善源代码浏览体验
作为一个技术人员,经常需要在开发中查阅一些资料,其中自然包括了代码片段,而代码片段的浏览方式,决定了用户的体验,今天我这里使用jQuery简单实现一个源代码浏览器,希望对大家有帮助!
首先我们这里使用<pre>来定义需要显示的代码,如下:
<pre> <script type="text/javascript"> $(document).ready(function(){ alert("欢迎来到 www.gbin1.com ................................................................................................................................."); }); </script> </pre>
大家看到这个代码的宽度比较大,所以一般的显示方式是在pre里生成一个滚动条,用户使用滚动条来拖动查看代码。
... ...
演示DEMO
原文地址:使用jQuery来改善源代码浏览体验
相关文章推荐
- 使用jQuery来改善源代码浏览体验
- 使用jquery编写一个分页组件(部分内容并不通用,以后需改善)
- 使用 jQuery,第 2 部分: 构建未来的 Web 应用程序
- jQuery UI dialog 的使用
- 使用CSS和JQuery,模拟超链接的用户单击事件
- JQuery 1.7.2 API中bind(),on(),live()和delegate()方法的使用
- jQuery使用手册
- 使用jquery-qrcode生成二维码
- 使用设计模式改善程序结构(三)
- Ajax 改造,第 2 部分: 使用 jQuery、Ajax、工具提示和 lightbox 改进现有站点
- 使用 jQuery 简化 Ajax 开发
- 在jquery中使用$("#form").submit() 重写提交表单时不起作用
- jquery使用技巧(2)
- jQuery表格排序组件-tablesorter使用示例
- jquery.cookie() 方法的使用(读取、写入、删除)
- jQuery UI dialog 的使用
- jQuery使用ajaxSubmit()提交表单示例
- jQuery中attr()的使用
- 『jQuery』.html(),.text()和.val()的使用
- jQuery的deferred对象使用详解【转载】