分享一个html-js代码转换工具-强哦！（新增详细教程+鼠标js优化特效）
分享一个htm-js代码转换工具
附截图：
[attach]47586[/attach]
今天刚做了修改，上传在我的空间里。:lol
方便大家使用，发过来一起分享。
工具地址：
[url]http://mrxy.91.tc/code/tools/js2html/index.htm[/url]
好用，实用记得顶！谢谢大家的支持。
[quote][color=Red][b]不少人只知道，不会用，今天把用法贴出来，分享！[/b][/color][quote]原帖由 [i]枫林啸雪[/i] 于 2006-11-21 17:38 发表
不好意思，我是新手，请问什么叫做js，有什么用？ [/quote]
代码优化工具。
举个例子：
这个代码：
[code]<!--
//Choose colours and size of effect !!
var a_Colour='fff000';
var b_Colour='00ff00';
var c_Colour='ff00ff';
var Size=120;
//Alter nothing below !!
var YDummy=new Array(),XDummy=new Array(),xpos=0,ypos=0,ThisStep=0;step=0.6;
if (document.layers){
window.captureEvents(Event.MOUSEMOVE);
function nsMouse(evnt){
xpos = window.pageYOffset+evnt.pageX+6;
ypos = window.pageYOffset+evnt.pageY+16;
}
window.onMouseMove = nsMouse;
}
else if (document.all)
{
function ieMouse(){
xpos = document.body.scrollLeft+event.x+6;
ypos = document.body.scrollTop+event.y+16;
}
document.onmousemove = ieMouse;
}
function swirl(){
for (i = 0; i < 3; i++)
{
YDummy[i]=ypos+Size*Math.sin((1*Math.sin((ThisStep)/10))+i*2)*Math.sin((ThisStep)/4);
XDummy[i]=xpos+Size*Math.cos((1*Math.sin((ThisStep)/10))+i*2)*Math.sin((ThisStep)/4);
}
ThisStep+=step;
setTimeout('swirl()',10);
}
var amount=10;
if (document.layers){
for (i = 0; i < amount; i++)
{
document.write('<layer name=nsa'+i+' top=0 left=0 width='+i/2+' height='+i/2+' bgcolor='+a_Colour+'></layer>');
document.write('<layer name=nsb'+i+' top=0 left=0 width='+i/2+' height='+i/2+' bgcolor='+b_Colour+'></layer>');
document.write('<layer name=nsc'+i+' top=0 left=0 width='+i/2+' height='+i/2+' bgcolor='+c_Colour+'></layer>');
}
}
else if (document.all){
document.write('<div id="ODiv" style="position:absolute;top:0px;left:0px">'
+'<div id="IDiv" style="position:relative">');
for (i = 0; i < amount; i++)
{
document.write('<div id=x style="position:absolute;top:0px;left:0px;width:'+i/2+';height:'+i/2+';background:'+a_Colour+';font-size:'+i/2+'"></div>');
document.write('<div id=y style="position:absolute;top:0px;left:0px;width:'+i/2+';height:'+i/2+';background:'+b_Colour+';font-size:'+i/2+'"></div>');
document.write('<div id=z style="position:absolute;top:0px;left:0px;width:'+i/2+';height:'+i/2+';background:'+c_Colour+';font-size:'+i/2+'"></div>');
}
document.write('</div></div>');
}
function prepos(){
var ntscp=document.layers;
var msie=document.all;
if (document.layers){
for (i = 0; i < amount; i++)
{
if (i < amount-1)
{
ntscp['nsa'+i].top=ntscp['nsa'+(i+1)].top;ntscp['nsa'+i].left=ntscp['nsa'+(i+1)].left;
ntscp['nsb'+i].top=ntscp['nsb'+(i+1)].top;ntscp['nsb'+i].left=ntscp['nsb'+(i+1)].left;
ntscp['nsc'+i].top=ntscp['nsc'+(i+1)].top;ntscp['nsc'+i].left=ntscp['nsc'+(i+1)].left;
}
else
{
ntscp['nsa'+i].top=YDummy[0];ntscp['nsa'+i].left=XDummy[0];
ntscp['nsb'+i].top=YDummy[1];ntscp['nsb'+i].left=XDummy[1];
ntscp['nsc'+i].top=YDummy[2];ntscp['nsc'+i].left=XDummy[2];
}
}
}
else if (document.all){
for (i = 0; i < amount; i++)
{
if (i < amount-1)
{
msie.x[i].style.top=msie.x[i+1].style.top;msie.x[i].style.left=msie.x[i+1].style.left;
msie.y[i].style.top=msie.y[i+1].style.top;msie.y[i].style.left=msie.y[i+1].style.left;
msie.z[i].style.top=msie.z[i+1].style.top;msie.z[i].style.left=msie.z[i+1].style.left;
}
else
{
msie.x[i].style.top=YDummy[0];msie.x[i].style.left=XDummy[0];
msie.y[i].style.top=YDummy[1];msie.y[i].style.left=XDummy[1];
msie.z[i].style.top=YDummy[2];msie.z[i].style.left=XDummy[2];
}
}
}
setTimeout("prepos()",10);
}
function Start(){
swirl(),prepos()
}
window.onload=Start;
// -->
[/code]
[color=Red][b]直接放到后台，代码太多，严重影响速度，需要优化下。[/b][/color]
先把这个html文件[color=Green][b]转换成js文件[/b][/color]，保存到你的空间，取[color=Blue][b]绝对路径[/b][/color]，比如： http://www.805020.cn/mouse.js
这是个鼠标特效的代码。已经转换成js文件。
然后到[b][color=Sienna]后台--基本设置--搜索引擎优化--其他头部信息[/color][/b]里，加入如下代码：
[code]<script src=http://www.805020.cn/mouse.js></script>[/code]
递交，保存，看看效果把。
[color=Red][b]演示网站[/b][/color]：
[url=http://www.805020.cn][color=Red][b][size=5]英语贵族旗下网站|慕容馨语|抱你吻你爱你[/size][/b][/color][/url]
[/quote]
[align=center][size=4]最后再申请加精，谢谢大家的支持．:) [/size][/align]
[color=Teal][size=4]我发的5.0+网页技巧精选教程主题帖：
[align=center][img]http://mrxy.91.tc/images/line_active/35.gif[/img][/align]
[quote]
①[url=http://bbs.topzj.com/thread-182203-1-1.html][b][color=Red]拥有自己的邮箱不是梦！--An_Apple教你用你的顶级米绑定自己的油箱！ [/color][/b][/url]
②[url=http://bbs.topzj.com/thread-179533-1-1.html]An_Apple教你＂偷＂印章（申请加精） [/url]
③[url=http://bbs.topzj.com/thread-180627-1-1.html]An_Apple教你＂偷＂印章之姊妹篇--不用“偷”也可以光明正大的拿到印章[/url]
④[url=http://bbs.topzj.com/thread-179609-1-1.html]个人收藏--八套鼠标样式打包下载（申精品） [/url]
⑤[url=http://bbs.topzj.com/thread-179564-1-1.html]windows快捷键收录。。大家补充 [/url]
⑥[url=http://bbs.topzj.com/thread-179563-1-1.html]QQ能上,但是无法打开网页的解决方法. [/url]
⑦[url=http://bbs.topzj.com/thread-178456-1-1.html]漂亮！--２０９个Flash特效(An_Apple最新上传,代码今天优化了一下！) [/url]
⑧[url=http://bbs.topzj.com/thread-170697-1-23.html]JavaScript特效--打字效果的状态栏[/url]
⑨[url=http://bbs.topzj.com/thread-181402-1-1.html][color=Red]An_Apple教你做站长人物周刊[/color][/url]
[/quote][/size][/color]
[align=center][img]http://mrxy.91.tc/images/line_active/36.gif[/img][/align]
－－－－An_Apple制作[/size]
[[i] 本帖最后由 An_Apple 于 2006-11-22 11:15 编辑 [/i]]