支持IE和firefox的js代码美化加亮源码- Javascript

当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 支持IE和firefox的js代码美化加亮源码

技术文章搜索

关键字

Javascript 中的支持IE和firefox的js代码美化加亮源码

出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-12 浏览: 413 ::

收藏到网摘: n/a

两个DIV等高的JS的实现代码 2007/12/23更新创意无限,简单实用(javascript log)

自己在IE和FF试过了js代码加亮效果，用了一段别人的压缩后的代码作为例子，受限制，删了一部分。发现错误的大虾一定要留下测试用的代码啊！

点击运行可以看到效果:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML xmlns:v="urn:schemas-microsoft-com:vml">
<HEAD>
<TITLE> 软晨学习网 <a href="http://www.ruanchen.com" style="color: #000">www.ruanchen.com</a> </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<link rel="Shortcut Icon" href="shell32.dll,20">
<STYLE> #oTxt{ color:#333333; background-color:#f0f0f0; font-family:Courier New; font-size:12px; margin:0; line-height:13px; border-left:none; overflow:scroll;
}
#oResult{ color:#333333; background-color:#f0f0f0; font-family: Courier New; font-size:12px; margin:0; line-height:13px; border-left:none; overflow:scroll; height:164px;
}
</STYLE>
</HEAD>
<BODY>
<div id="oEditor" style="width:400;height:164px;padding:0;margin:0;border:none;border-right:solid 2px gray;border-bottom:solid 2px gray;">
<textarea id=oTxt wrap=off style="border:dashed 1px gray; border-right:none; border-bottom:none; width:400;height:164px;padding:2px;" onkeyup="_highlight()">
//
</textarea></div>
<SCRIPT LANGUAGE="JavaScript">
</SCRIPT>
<hr style="color:black;height:2px;">
<div id="oResult" style="width:100%;height:164px;padding:0;margin:0;border: dashed 1px gray;border-right:solid 2px gray;border-bottom:solid 2px gray;" contentEditable>
</div>
</BODY>
</HTML>

[Ctrl+A 全选提示:你可先修改部分代码,再按运行]

两个DIV等高的JS的实现代码 2007/12/23更新创意无限,简单实用(javascript log)

Javascript 中的 支持IE和firefox的js代码美化加亮源码

评论 (0) All

Javascript 中的支持IE和firefox的js代码美化加亮源码