Top-emitting organic light-emitting devies (TOLEDs) have been constructed with Ag/ITO reflective anode and LiF/Al/Ag semi-transparent cathode. The cavity effect have been researched by using Alq and TBADN:TBPe as emitting layers respectively. Different colors from the same emitting layer have been realized by changing the thickness of ITO. For Alq-based TEOLEDs, the full width at half maximum(FWHM) was narrowed to 20—40 nm from the 100 nm of bottom-emitting organic light-emitting devices (BEOLEDs). the EL peak was shifted from 500 nm to 584 nm by changing the thinckness of ITO. The maximun current efficiency of the TOLEDs is 1.77 cd/A, which approaches to the 1.8 cd/A of tranditional devices. For TBADN:TBPe-based devices, the FWHM was narrowed to 20 from BEOLEDs's 65 nm. the EL peak was shifted from 464nm to 532 nm by changing the thinckness of ITO, and navy blue with CIE coordinates x=0.141,y=0.049 have been obtained by TBADN:TBPe-based TEOLEDs with cavity effect.