42 12345
发新话题
打印

[原创] 分享一个html-js代码转换工具-强哦!(新增详细教程+鼠标js优化特效)

分享一个html-js代码转换工具-强哦!(新增详细教程+鼠标js优化特效)

分享一个htm-js代码转换工具
附截图:

今天刚做了修改,上传在我的空间里。
方便大家使用,发过来一起分享。
工具地址:
http://mrxy.91.tc/code/tools/js2html/index.htm
好用,实用记得顶!谢谢大家的支持。
引用:
不少人只知道,不会用,今天把用法贴出来,分享!
引用:
原帖由 枫林啸雪 于 2006-11-21 17:38 发表
不好意思,我是新手,请问什么叫做js,有什么用?
代码优化工具。
举个例子:
这个代码:
复制内容到剪贴板
代码:
<!--
//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;
// -->
直接放到后台,代码太多,严重影响速度,需要优化下。
先把这个html文件转换成js文件,保存到你的空间,取绝对路径,比如: http://www.805020.cn/mouse.js
这是个鼠标特效的代码。已经转换成js文件。
然后到后台--基本设置--搜索引擎优化--其他头部信息里,加入如下代码:
复制内容到剪贴板
代码:
<script src=http://www.805020.cn/mouse.js></script>
递交,保存,看看效果把。
演示网站
英语贵族旗下网站|慕容馨语|抱你吻你爱你

最后再申请加精,谢谢大家的支持.


我发的5.0+网页技巧精选教程主题帖:





----An_Apple制作

[ 本帖最后由 An_Apple 于 2006-11-22 11:15 编辑 ]
附件: 您所在的用户组无法下载或查看附件
http://www.erika.com.cn 一个中华只得一个中华ERIKA讨论区

TOP

不错.顶你一个~!
这个东西我很早就在用了

动感驿站http://yes.tv.topzj.com
网站建设、新手帮助、新帖排行、风格模板、免费资源、在线影视、歌曲

TOP

喜欢,顶你个

TOP

好,支持你的

TOP

还有个实用的转贴工具,贴出来:
http://mrxy.91.tc/code/bbs.htm
http://www.erika.com.cn 一个中华只得一个中华ERIKA讨论区

TOP

支持你.........

TOP

建议大家把Flash特效那个代码转换成js文件,然后调用到你的论坛。
http://www.erika.com.cn 一个中华只得一个中华ERIKA讨论区

TOP

不错,值得用。
QQ 9217178    成网科技www.it28.net
域名注册、出售空间、出售论坛、网页制作、广告设计、图像处理

飞天投资论坛

TOP

特来支持一下!

TOP

JS代码转换有什么用啊

TOP

 42 12345
发新话题