另一最新的QQ菜单导航脚本

最新推荐文章于 2025-04-10 09:14:45 发布
最新推荐文章于 2025-04-10 09:14:45 发布
阅读量1k 收藏
点赞数
分类专栏： DHTML Javascript CSS 文章标签： qq border class table function div
本文介绍了一个用于九江宽带网的QQ菜单导航脚本，该脚本使用HTML和JavaScript实现，具备菜单项滚动展示的功能。每个菜单项包含链接到九江宽带网的按钮。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

<HTML>
<HEAD>
<META http-equiv='Content-Type' content='text/html; charset=gb2312'>
<TITLE>九江宽带网-另一最新的QQ菜单导航脚本，并带生成器</TITLE>

<script language='JavaScript'>
var headHeight = 22;var bodyHeight = 202;var objcount = 6;var step = 10;var moving = false;
function showme(obj1, obj2)
{
 if (moving)
  return;
 moving = true;
 for(i=0;i<document.all.tags('td').length;i++)
  if (document.all.tags('td')[i].className.indexOf('headtd') == 0)
   document.all.tags('td')[i].className = 'headtd1';
 obj2.className = 'headtd2';
 moveme(obj1);
}
function moveme(obj)
{
 idnumber = parseInt(obj.id.substr(4));
 objtop = headHeight * (idnumber - 1);
 objbuttom = bodyHeight + headHeight * (idnumber - 2);
 currenttop = parseInt(obj.style.top);
 if (currenttop >= objbuttom)
 {
  countid = 1;
  for(i=0;i<document.all.tags('div').length;i++)
   if (document.all.tags('div')[i].id == 'item'+countid+'body')
   {
    obj = document.all.tags('div')[i];
    objtop = headHeight * (countid - 1);
    if (countid == idnumber)
    {
     moveup(obj,objtop,false);
     break;
    }
    else
     moveup(obj,objtop,true);
    countid++;
   }
 }
 else if ((currenttop >= objtop) && (idnumber < objcount))
 {
  idnumber++;
  countid = objcount;
  for(i=document.all.tags('div').length-1;i>=0;i--)
   if (document.all.tags('div')[i].id == 'item'+countid+'body')
   {
    obj = document.all.tags('div')[i];
    objbuttom = bodyHeight + headHeight * (countid - 2);
    if (countid == idnumber)
    {
     movedown(obj,objbuttom,false);
     break;
    }
    else
     movedown(obj,objbuttom,true);
    countid--;
   }
 }
}
function moveup(obj,objtop,ismove)
{
 currenttop = parseInt(obj.style.top);
 if (currenttop > objtop)
 {
  obj.style.top = currenttop - step;
  setTimeout('moveup('+obj.id+','+objtop+','+ismove+')',1)
  return;
 }
 moving = ismove;
}
function movedown(obj,objbuttom,ismove)
{
 currenttop = parseInt(obj.style.top);
 if (currenttop < objbuttom)
 {
  obj.style.top = currenttop + step;
  setTimeout('movedown('+obj.id+','+objbuttom+','+ismove+')',1)
  return;
 }
 moving = ismove;
}
</script>

<style type='text/css'>
.headtd1 {  background: #eaeaea; border: 1px outset; border-color: #ffffff #000000 #000000 #ffffff; cursor: hand; font-size: 9pt}.headtd2 {  background: #cccccc; border: 1px outset; border-color: #ffffff #000000 #000000 #ffffff; cursor: hand; font-size: 9pt}.bodytd  {  background: #eeeeee; border: 1px outset; border-color: #ffffff #000000 #000000 #ffffff; font-size: 9pt}
</style>

</HEAD>
<BODY >


<div id='mainboard' style='position:absolute; left:2px; top:2px; width:120px; height:312px; z-index:1; overflow: hidden; background: #eeeeee;'> <div id='item1body' style='position:absolute; left:0; top:0; width:120px; height:202px; z-index:2; overflow: hidden'><table width='100%' border='0' height='100%' cellpadding='2' cellspacing='0'><tr><td id='item1head' height='20' class='headtd2' onclick='showme(item1body,this)' align='center'>菜单1</td></tr><tr><td class='bodytd' align='center'>九江宽带网 http://www.jj163.cn</td></tr></table></div><div id='item2body' style='position:absolute; left:0; top:202; width:120px; height:202px; z-index:3; overflow: hidden'><table width='100%' border='0' height='100%' cellpadding='2' cellspacing='0'><tr><td id='item2head' height='20' class='headtd1' onclick='showme(item2body,this)' align='center'>菜单2</td></tr><tr><td class='bodytd' align='center'>九江宽带网 http://www.jj163.cn</td></tr></table></div><div id='item3body' style='position:absolute; left:0; top:224; width:120px; height:202px; z-index:4; overflow: hidden'><table width='100%' border='0' height='100%' cellpadding='2' cellspacing='0'><tr><td id='item3head' height='20' class='headtd1' onclick='showme(item3body,this)' align='center'>菜单3</td></tr><tr><td class='bodytd' align='center'>九江宽带网 http://www.jj163.cn</td></tr></table></div><div id='item4body' style='position:absolute; left:0; top:246; width:120px; height:202px; z-index:5; overflow: hidden'><table width='100%' border='0' height='100%' cellpadding='2' cellspacing='0'><tr><td id='item4head' height='20' class='headtd1' onclick='showme(item4body,this)' align='center'>菜单4</td></tr><tr><td class='bodytd' align='center'>九江宽带网 http://www.jj163.cn</td></tr></table></div><div id='item5body' style='position:absolute; left:0; top:268; width:120px; height:202px; z-index:6; overflow: hidden'><table width='100%' border='0' height='100%' cellpadding='2' cellspacing='0'><tr><td id='item5head' height='20' class='headtd1' onclick='showme(item5body,this)' align='center'>菜单5</td></tr><tr><td class='bodytd' align='center'>九江宽带网 http://www.jj163.cn</td></tr></table></div><div id='item6body' style='position:absolute; left:0; top:290; width:120px; height:202px; z-index:7; overflow: hidden'><table width='100%' border='0' height='100%' cellpadding='2' cellspacing='0'><tr><td id='item6head' height='20' class='headtd1' onclick='showme(item6body,this)' align='center'>jj163.cn</td></tr><tr><td class='bodytd' align='center'>九江宽带网 http://www.jj163.cn</td></tr></table></div></div>
</BODY></HTML> 

格姗导航网站
wangwenzhe的博客
04-25 909
本项目是一个网站导航，网站内容均由小格子本人收集并整理。前端基于 Vue3，后端使用 Spring Boot。目前只是基础版，没有开源自定义导航，大家可以根据此开源项目进行自定义导航开发。如果对自定义导航感兴趣，可联系小格子购买自定义导航源码前端采用 Vue3、Element Plus。后端采用 Spring Boot、MyBatis Plus、Spring Security、Redis。后台管理支持加载动态权限菜单，权限修改立即生效，不用再退出重新登录。
横条导航窗体html代码,各式各样的导航条效果css3结合jquery代码实现
weixin_29098391的博客
06-09 3197
导航条的使用很广，每个网站都会做出具有自己特色的导航条。最近特地去了解了各种类型的导航条，比如具有高亮显示的导航条，中英文互相切换的导航条，具有弹性动画的导航条，甚至是具有摩擦运动动画的导航条(文字下面有横线)等。每种导航条都有自己的特色，比如高亮显示的导航条看起来比较简单，但是视觉效果还不错，具有动画效果的导航条在视觉上也是有很好的效果。接下来将会一一介绍4种应用比较广的导航条，即：高亮显示的导...
导航栏,菜单栏下拉简单实现
热门推荐
Jachin的博客
09-21 2万+
导航栏,菜单栏下拉简单实现兼容ie
实现QQ浏览器官网的左右滑动菜单效果
weixin_42527589的博客
09-04 1262
本文还有配套的精品资源，点击获取 简介：通过使用JavaScript库jQuery，QQ浏览器官网实现了左右滑动的菜单交互设计，提升用户体验。该效果通过处理DOM操作、事件处理和动画，实现二级菜单的动态展示。开发者使用CSS定义样式，JavaScript监听用户操作，通过动画方法如 .animate() 来控制菜单滑动。为了兼容不同设备，还可能使用了触摸事件处...
WinCC7.5零基础教学：利用菜单栏实现切换画面功能视频讲解！内含wincc万能脚本基础框架下载链接！
qq_40614449的博客
08-13 580
WinCC7.5零基础教学：利用菜单栏实现切换画面功能视频讲解！内含wincc万能脚本基础框架下载链接！视频简介中有下载链接地址！了解具体操作方法请观看视频！
导航栏下拉菜单效果代码
weixin_33763244的博客
11-16 2685
导航栏,菜单栏下拉简单实现 先看看效果图 <!-- jQuery Drop-down Menu/Navigation bar Copyright 2017-9-21, JachinQQ: 381558301 Email: 381558301@qq.com 需脚本语言:jQuery纯静态页面 功能的关键点:父元素需要hover函数触发子元素必须在父元素里面并且需要绝对定位(绝对定位不影响...
告别重复cd，一键直达！PowerShell Profile 导航增强脚本详解
qq_36591160的博客
04-10 601
作为经常在 Windows 命令行环境下工作的开发者或运维人员，频繁使用 cd 命令在复杂的目录结构中穿梭是家常便饭。有时仅仅是为了进入某个子目录，就需要先 ls 或 dir 查看，然后手动输入长长的目录名，或者依赖 Tab 补全在一堆相似名称中寻找目标。这不仅效率低下，也容易出错。有没有更高效的方式呢？答案是肯定的！通过定制 PowerShell Profile 文件，我们可以添加自定义函数和别名，打造一套属于自己的高效导航系统。
原生js写缓慢下拉菜单
小鑫の随笔
12-07 2918
今天想写个原生js缓慢下拉菜单 中间一直出bug 琢磨了许久 终于实现了跟 jquery的slideToggle() 差不多的效果 先看效果 把样式结构先写好 &lt;!doctype html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;原生js缓慢下拉菜单-
微信公众号开发之自定义菜单
酷玩时刻-By Javen
03-11 1万+
微信开发交流群：148540125系列文章参考地址 极速开发微信公众号欢迎留言、转发 项目源码参考地址 点我点我–欢迎Start 前几篇文章已讲完如何导入项目，如何启动配置项目，如何成为开发者，重源码分析消息是如何交互（如果前四项不是很清楚可以看这里 极速开发微信公众号。这篇文章就来讲讲如果实现自定义菜单 实现自定义菜单有两种方式 1、编辑模式 2、开发模式编辑模式就很简单了就不赘述了……
基于双向长短期记忆网络(BILSTM)的MATLAB数据分类预测代码实现与应用
最新发布
08-09
基于双向长短期记忆网络（BILSTM）的数据分类预测技术及其在MATLAB中的实现方法。首先解释了BILSTM的工作原理，强调其在处理时间序列和序列相关问题中的优势。接着讨论了数据预处理的重要性和具体步骤，如数据清洗、转换和标准化。随后提供了MATLAB代码示例，涵盖从数据导入到模型训练的完整流程，特别指出代码适用于MATLAB 2019版本及以上。最后总结了BILSTM模型的应用前景和MATLAB作为工具的优势。 适合人群：对机器学习尤其是深度学习感兴趣的科研人员和技术开发者，特别是那些希望利用MATLAB进行数据分析和建模的人群。 使用场景及目标：①研究时间序列和其他序列相关问题的有效解决方案；②掌握BILSTM模型的具体实现方式；③提高数据分类预测的准确性。 阅读建议：读者应该具备一定的编程基础和对深度学习的理解，在实践中逐步深入理解BILSTM的工作机制，并尝试调整参数以适应不同的应用场景。
路径规划人工势场法及其改进Matlab代码，包括斥力引力合力势场图，解决机器人目标点徘徊问题
08-09
用于机器人路径规划的传统人工势场法及其存在的问题，并提出了一种改进方法来解决机器人在接近目标点时出现的徘徊动荡现象。文中提供了完整的Matlab代码实现，包括引力场、斥力场和合力场的计算，以及改进后的斥力公式引入的距离衰减因子。通过对比传统和改进后的势场图，展示了改进算法的有效性和稳定性。此外，还给出了主循环代码片段，解释了关键参数的选择和调整方法。 适合人群：对机器人路径规划感兴趣的科研人员、工程师和技术爱好者，尤其是有一定Matlab编程基础并希望深入了解人工势场法及其改进算法的人群。 使用场景及目标：适用于需要进行机器人路径规划的研究项目或应用场景，旨在提高机器人在复杂环境中导航的能力，确保其能够稳定到达目标点而不发生徘徊或震荡。 其他说明：本文不仅提供理论解析，还包括具体的代码实现细节，便于读者理解和实践。建议读者在学习过程中结合提供的代码进行实验和调试，以便更好地掌握改进算法的应用技巧。
基于LBP特征与DBN算法的人脸识别MATLAB程序实现及优化
08-09
基于LBP特征与深度信念网络(DBN)的人脸识别MATLAB程序。该程序利用LBP进行特征提取，构建了一个四层DBN模型，其中包括三层隐含层和一层输出层。通过RBM预训练和BP反向传播算法微调，实现了高精度的人脸识别，准确率达到98%，错误率为1.67%。此外，程序还包括学习曲线绘制功能，用于调整正则化参数和其他超参数，以优化模型性能。 适合人群：对机器学习、深度学习以及人脸识别感兴趣的科研人员和技术开发者。 使用场景及目标：适用于需要高效人脸识别的应用场景，如安防监控、身份验证等。主要目标是提高人脸识别的准确性和效率，同时提供详细的代码实现和优化技巧。 其他说明：文中提到的ORL数据库已做对齐处理，直接应用LBP可能会导致一定的误差。硬件方面，程序在i7 CPU上运行约需半小时完成一次完整的训练。为加快速度，可以考虑将RBM预训练改为GPU版本，但需额外配置MATLAB的并行计算工具箱。
三菱FX3U六轴标准程序：实现3轴本体控制与3个1PG定位模块，轴点动控制、回零控制及定位功能，搭配气缸与DD马达转盘的多工位流水作业方式
08-09
三菱FX3U PLC的六轴控制程序，涵盖本体三轴和扩展的三个1PG定位模块的控制。程序实现了轴点动、回零、相对定位和绝对定位等功能，并集成了多个气缸和一个由DD马达控制的转盘，用于转盘多工位流水作业。文中展示了部分核心代码，解释了各个功能的具体实现方法和技术细节。同时，强调了该程序在工业自动化领域的广泛应用及其重要性。 适合人群：从事工业自动化领域的工程师和技术人员，尤其是熟悉三菱PLC编程的专业人士。 使用场景及目标：适用于需要实现复杂多轴控制和流水线作业自动化的工业环境，如制造业生产线。目标是提高生产效率和精度，减少人工干预。 其他说明：该程序不仅展示了具体的编程技巧，还提供了对系统架构和逻辑控制的理解，有助于进一步优化和扩展工业自动化解决方案。
北京交通大学机器人技术与应用研究性学习
08-09
完整报告（PDF）、完整代码
MATLAB实现基于子空间方法的MIMO-OFDM信道估计与均衡系统
08-09
本项目使用MATLAB开发了一套完整的MIMO-OFDM系统信道估计与均衡解决方案，采用子空间方法进行精确信道参数估计，并集成MMSE均衡器实现高效信号补偿，适用于5G等现代无线通信场景。
三菱FX3U PLC两轴(XZ)点动、回零与定位程序详解及应用 · PLC编程
08-09
三菱FX3U系列PLC在自动化控制系统中针对XZ两轴的标准程序编写方法，涵盖轴点动、回零及相对与绝对定位三大主要功能。首先讲解了各功能所需的硬件连接方式，如电机驱动器与PLC端口的具体对接；接着提供了相应的梯形图编程实例，包括点动操作中按钮与输出脉冲的关系，回零过程中原点接近开关的作用及其对应的程序逻辑，以及相对和绝对定位时的目标位置设定与执行命令。通过对这些基本功能的理解和实践，能够帮助读者快速上手并掌握复杂的运动控制逻辑。 适合人群：从事工业自动化领域的工程师和技术人员，尤其是那些需要使用三菱FX3U PLC进行设备控制的人群。 使用场景及目标：适用于各类涉及线性运动控制的应用场合，如数控机床、包装机械等。通过学习本篇文章，可以更好地规划项目流程，明确从硬件搭建到软件编程的具体步骤，从而提高工作效率，确保系统稳定可靠地运行。 其他说明：文中提供的代码片段均为简化版本，实际应用时可能需要根据具体情况做适当修改。此外，掌握这些基础知识后，还可以进一步探索更多高级特性，如多轴联动、速度曲线优化等。
elasticsearch-5.0.2.jar中文文档.zip
08-09
1、压缩文件中包含： 中文文档、jar包下载地址、Maven依赖、Gradle依赖、源代码下载地址。 2、使用方法： 解压最外层zip，再解压其中的zip包，双击 【index.html】 文件，即可用浏览器打开、进行查看。 3、特殊说明： （1）本文档为人性化翻译，精心制作，请放心使用； （2）只翻译了该翻译的内容，如：注释、说明、描述、用法讲解 等； （3）不该翻译的内容保持原样，如：类名、方法名、包名、类型、关键字、代码 等。 4、温馨提示： （1）为了防止解压后路径太长导致浏览器无法打开，推荐在解压时选择“解压到当前文件夹”（放心，自带文件夹，文件不会散落一地）； （2）有时，一套Java组件会有多个jar，所以在下载前，请仔细阅读本篇描述，以确保这就是你需要的文件。 5、本文件关键字： jar中文文档.zip,java,jar包,Maven,第三方jar包,组件,开源组件,第三方组件,Gradle,中文API文档,手册,开发手册,使用手册,参考手册。
OK3588底板原理图+pcb AD格式
08-09
OK3588底板的原理图+pcb， AD格式，方便工程师设计参考
logback-classic-1.4.3.jar中文文档.zip
08-09
1、压缩文件中包含： 中文文档、jar包下载地址、Maven依赖、Gradle依赖、源代码下载地址。 2、使用方法： 解压最外层zip，再解压其中的zip包，双击 【index.html】 文件，即可用浏览器打开、进行查看。 3、特殊说明： （1）本文档为人性化翻译，精心制作，请放心使用； （2）只翻译了该翻译的内容，如：注释、说明、描述、用法讲解 等； （3）不该翻译的内容保持原样，如：类名、方法名、包名、类型、关键字、代码 等。 4、温馨提示： （1）为了防止解压后路径太长导致浏览器无法打开，推荐在解压时选择“解压到当前文件夹”（放心，自带文件夹，文件不会散落一地）； （2）有时，一套Java组件会有多个jar，所以在下载前，请仔细阅读本篇描述，以确保这就是你需要的文件。 5、本文件关键字： jar中文文档.zip,java,jar包,Maven,第三方jar包,组件,开源组件,第三方组件,Gradle,中文API文档,手册,开发手册,使用手册,参考手册。
打造高度仿真的QQ导航菜单效果
标题“超酷仿QQ导航菜单（JS+CSS）”意味着我们将会讨论一个模仿了中国流行的即时通讯软件QQ界面的导航菜单。 ## 知识点说明 ### CSS和JavaScript在网页设计中的应用 CSS（层叠样式表）和JavaScript是前端开发中...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值