有些东西,看似简单,其实用也非常简单,你知道有这么一个东西,可以真正用时你就想想不到它,大家都曾有同感吧。
之前曾经跟同事讨论过,Java eye的代码的代码行数显示功能很强悍,但从代码上又找不到相应的样式,在网站的Javascript中也看不到有可疑的实现,但是今天却无意中发现,原来那只是HTML的基本标答<ul> + <li>,差点没把自己给气死,不过也可以称之为踏破铁鞋无觅处,得来全不费功夫啊,在此有感了。
请看如下HTML代码
<OL> <LI> <SPAN> <SPAN> <STRONG> <FONT color=#7f0055>import</FONT> </STRONG> </SPAN> <SPAN> jxl.*; </SPAN> </SPAN> </LI> <LI> <SPAN></SPAN> <SPAN> <STRONG> <FONT color=#7f0055>import</FONT> </STRONG> </SPAN> <SPAN> jxl.write.*; </SPAN></SPAN> </LI> <LI> <SPAN></SPAN> <SPAN> <STRONG> <FONT color=#7f0055>import</FONT> </STRONG> </SPAN> <SPAN> java.io.*; </SPAN></SPAN> </LI> </OL>
效果如下:
------------------------------------------
- import jxl.*;
- import jxl.write.*;
- import java.io.*;
------------------------------------------
怎么样,似模似样吧,把代码写多点,看起来就真的很IDE了,再加点额外的样式,看起来就爽很多了,其实实现就是一个简单了得,就是用了有序列表<ol>的特性,一行代码就用一个<li>包着,关键字用<font>,换个颜色就行,不过如果用<span> + class也可以实现,看你怎么用吧。
以后如果要做实现显示行数的应用,就别傻着想怎么写程序去添加数字了,己经有非常EASY的实现方案了,还用得着浪费这宝贵的青春?