在打开一个页面时，用键盘输入几个字符后，页面就会自动导航-脚本在线

首页前沿速递服务器教程网页设计教程网络编辑教程

移动端

AI智能体脚本智能办公脚本自动化游戏脚本浏览器自动化脚本服务器脚本

在打开一个页面时，用键盘输入几个字符后，页面就会自动导航

作者：互联网

2009-06-18

网页特效

<script language="JavaScript">
var a_Colour='ff0000';
var b_Colour='00ff00';
var c_Colour='0000ff';
var Size=50;

var YDummy=new Array(),XDummy=new Array(),xpos=0,ypos=0,ThisStep=0;step=0.03;
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.cos(ThisStep+i*2)*Math.sin((ThisStep)*6);
  XDummy[i]=xpos+Size*Math.sin(ThisStep+i*2)*Math.sin((ThisStep)*6);
 }
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;
</script>

<body bgcolor="#000000">

相关标签:

网页特效

上一篇：进入页面时，系统会根据你所使用的浏览分辨率进行应的导航下一篇：对一排选择框进行控制，可以全选也可全不选，操作更方便

相关推荐

表空间自动目录创建与存储管理实践：参数化配置与性能优化当谈及企业级数据库的部署与运维时，存储空间的管理以及目录权限的把控是保障系统稳定运行的关键所在，这是众人都知道的。

2026-04-14

立即查看

LangChain 30 天保姆级教程 · Day 16｜文档加载器大合集！PDF、Word、网页、数据库一键读取，构建你的知识库！ ? 一、为什么需要 Document Loaders？在构建 RAG（检索增强生成）系统时，第一步永远是：把非结构化数据变成纯文本。但现实中的知识分散在： ? PDF 技术手册 ? Word 产品

2026-04-14

立即查看

python从入门到精通-第0章: 思维模式碰撞第0章: 思维模式碰撞 0.1 编译型 vs 解释型: 运行机制本质差异 Java/Kotlin 对比 Java/Kotlin 的运行流程：源代码 → 编译器 → 字节码(.class) 字节码 →

2026-04-14

立即查看

Meta Muse Spark 的"思维压缩"到底是什么？我用 Python 复现了核心思路（附代码） 3 天前 Meta 发布了 Muse Spark，第一个闭源模型，也是 Meta 超级智能实验室的第一个产品。抛开"Meta 背叛开源"这个话题不谈，这个模型有个技术点很值得聊

2026-04-14

立即查看

专题

#蛋仔派对

提供蛋仔派对最新官方活动解析

+ 收藏

#Grok

Grok脚本资源网站，提供G

+ 收藏

#Sora2

Sora2脚本资源网站，提供S

+ 收藏

#通义万相

通义万相脚本资源网站，提供通

+ 收藏

#海螺AI

海螺AI脚本资源网站，提供海

+ 收藏

#可灵AI

可灵AI脚本资源网站，提供可

+ 收藏

最新数据

显示本页的链接名称，做程序的时候有时很有用的 <!--把代码放到&l

显示一个页面中的所有链接[网页特效]

在页面中实现搜索功能，只要是页面中的字符

很漂亮输入框的特效代码

按钮选择框，可以同时选中全部的按钮或都不选择

根据当天日期自动导航的脚本，在特定场合是非常实用

你是不是有好几个镜像站点，要让人进入最快的站点吗

对左右分帧页面，此程序可以用一个链接打开两个页面不同的内容

使浏览者自己选择回退的页面数

你不想IE中的password输入一次后下次自动出现

相关文章

使用Apparat框架优化Flash

一场关于YUI3/jQuery的精彩辩论

从if else到switch case再到抽象

BigPipe:高性能的"流水线技术"网页

跨域资源共享的10种方式

WEB移动应用框架构想

GC与JS内存泄露

三谈Iframe自适应高度

HTML5 WebSockets基础使用教程

精简高效的CSS命名准则和方法

AI精选

更多

JSON 三联画提示词：温馨

高端时尚美妆特写肖像提示词，

卡拉瓦乔遇上国家地理式解剖

奢华私人飞机拍摄提示，适合时尚年轻女性

适用于 Nano Banana Pro 的分屏场景‘发薪日之前和之后’提示

奢华网球专题 2x2 网格图生图提示词适用于 Nano Banana Pro

红色背景下的高级时尚杂志风人像

适用于 Nano Banana Pro 的韩系模特风格肖像提示词

以反狙击为灵感的日式和菓子

以期货交易惨败为灵感的可爱风便当

脚本推荐

SeeDance 2.0 Video Creator专区

OpenClaw AI专区

cowork专区

claude code skills专区