<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<script src="http://localhost:8080/js/jquery-1.3.2.js"></script>
<style>
#messageBT span{
width:46px;height:46px;margin-bottom:15px;float:left;margin-left: 25px;cursor: pointer;position:relative;
margin-top: 0;
}
</style>
</HEAD>
<BODY>
<div style='border:1px solid;width:500px; heigth:30px' id='messageBT' >
<span style='heigth:100%; width:0px;display:none' id='i'>
0
</span>
<span style='heigth:100%; width:40px' id='a'>
1
</span>
<span style='heigth:100%; width:40px' id='b'>
2
</span>
<span style='heigth:100%; width:40px' id='c'>
3
</span>
<span style='heigth:100%; width:40px' id='d'>
4
</span>
<span style='heigth:100%; width:40px' id='e'>
5
</span>
<span style='heigth:100%; width:40px' id='f'>
6
</span>
<span style='heigth:100%; width:40px' id='g'>
7
</span>
<span style='heigth:100%; width:0px;display:none' id='h'>
8
</span>
</div>
<input type='button' value='左' onclick='javascript:soliderControl.left()'>
<input type='button' value='右' onclick='javascript:soliderControl.rigth()'>
<script>
function solider(objName){
this.control=$("#"+objName);
this.objName=objName
this.maxSpanNum=7;
this.minSpanNum=1;
this.moveType=0; //滚动轴对象 0标示未移动入控件 1标示已移入滚动对象中
var temp=this;
this.control.bind('mousewheel',function (event, delta){
if(temp.moveType==0){return;}
temp.moveType=0
$('#message').html("mousewheel:"+temp.moveType)
var dir = event.wheelDelta > 0 ? 'Up' : 'Down'
//alert(dir+":"+event.wheelDelta)
if(dir=='Up'){
temp.left()
temp.moveType=1
}else if(dir=='Down'){
temp.rigth()
temp.moveType=1
}
return false;
})
this.control.bind('mouseover',function (){
temp.moveType=1
$('#message').html("mouseover:"+temp.moveType)
})
this.control.bind('mouseout',function (){
temp.moveType=0
$('#message').html("mouseout:"+temp.moveType)
})
//左边移动
//以下两种情况 左边到右边 如果有存在隐藏元素的话那么就要显示
this.left=function (){
//判断旁边是否还有隐藏的控件如果有就显示没有就停止
if(this.checkHidden(1)<1){
return;
}
//保留最后个
if(this.checkVisible()<=this.minSpanNum){
return;
}
this.leftHide($("#"+this.objName+" span:visible:first"))
//判断当前数量是否最大数量如果是最大数量 那么就不进行添加
if(this.checkVisible()>this.maxSpanNum){
return;
}
var nodeName=$("#"+this.objName+" span:visible:last").attr('id');
this.rigthShow($('#'+nodeName+" +span:hidden:first"));
}
//右边移动
this.rigth=function (){
//保留最后个
if(this.checkVisible()<this.minSpanNum){
return;
}
//判断旁边是否还有隐藏的控件如果有就显示没有就停止
if(this.checkHidden(0).attr('id')==null){
return;
}
var nodeName=$("#"+this.objName+" span:visible:first").attr('id');
this.rigthShow( $('#'+nodeName).prev());
//判断当前数量是否最大数量如果是最大数量 那么就不进行添加
if(this.checkVisible()>this.maxSpanNum){
this.rigthHide($("#"+this.objName+" span:visible:last"))
}
}
//获取当前控件中的子元素集合数
this.checkVisible=function (){
return $("#"+this.objName+" span:visible").length;
}
//获取隐藏列的子元素集合
this.checkHidden=function (type){
//type 0 获取左边隐藏列 1 获取右边隐藏列
if(0==type){
var nodeName=$("#"+this.objName+" span:visible:first").attr('id');
return $('#'+nodeName).prev();
}else if(1==type){
var nodeName=$("#"+this.objName+" span:visible:last").attr('id');
return $('#'+nodeName+" +span:hidden:first").length;
}
}
//从左到右消失
this.leftHide=function (jobj){
jobj.animate({width:'0'},"normal",function(){$(this).hide();})
}
//从左到右显示
this.leftShow=function (jobj){
jobj.animate({width:'46'},"normal",function(){$(this).show();})
}
//从左到右消失
this.rigthHide=function (jobj){
jobj.animate({width:'0'},"normal",function(){$(this).hide();})
}
//从左到右显示
this.rigthShow=function (jobj){
jobj.animate({width:'46'},"normal",function(){$(this).show();})
}
}
var soliderControl=new solider("messageBT");
</script>
<div id='message'>
1111111111111
</div>
</BODY>
</HTML>
=-=自己无聊的时候写的希望大家能提出批评 膜拜下
支持鼠标滚动 jquery需要自己添加 第一次发布 激动中
分享到：
相关推荐
PC间用ACL和TRP协议
基于西门子S7-1200PLC的立体车库创新设计：融入新能源汽车充电元素，简约而不简单的智能化方案,基于西门子S7-1200PLC的立体车库设计设计 针对古老传统的立体车库进行创新，引入当下流行的新能源汽车充电元素，简约而不简单 包含：程序，图纸，仿真 ,关键词：基于西门子S7-1200PLC; 立体车库设计; 创新; 新能源汽车充电元素; 简约设计; 程序; 图纸; 仿真。,基于新能源充电的西门子S7-1200PLC立体车库创新设计：程序、图纸与仿真，简约而不凡
陕西省国家级非物质文化遗产经纬度数据统计表 统计内容包含以下字段： 1. 项目名称 2. 遗产类别 3. 入选批次 4. 所属地区 5. 申报地区/单位 6. 保护单位 7. 地理经度 8. 地理纬度 该统计表系统记录了陕西省国家级非物质文化遗产的地理空间信息，为文化遗产的数字化保护与研究工作提供了重要的数据支撑。
GBT27023复习备考
vivado MIPS32五级流水CPU设计
基于MBD开发手册的《Application Modeling Guideline：辅助驾驶系统中的数学模型设计与应用》,Application Modeling Guideline 文档57页 基于MBD开发手册包含： 1. MBD概述：文档可能会介绍MBD的基本概念，解释为什么它在辅助驾驶系统开发中至关重要。 MBD允许工程师使用数学模型来描述系统行为，这有助于早期发现问题，减少硬件原型制作的需求。 2. 工具选择：在辅助驾驶开发中，常用的MBD工具有MATLAB Simulink、MathWorks的Simulink Design Verifier、Vector的CANoe等。 文档可能涵盖这些工具的特点和适用场景，帮助开发者选择合适的工具。 3. 模型设计：MBD的核心是模型设计，文档会详细说明如何创建和组织模型结构，包括输入 输出接口定义、状态机设计、算法实现等。 对于辅助驾驶系统，这可能涉及到视觉处理、传感器融合、路径规划、决策制定等多个模块。 4. 仿真与验证：MBD工具支持动态仿真，开发者可以运行模型以验证其功能。 文档会介绍如何设置仿真条件，进行时序分析，以及如
LabVIEW曲线处理与包络线判断功能：准确判断，附带Demo及完整源码,labview做的曲线处理，包络线判断功能，判断准确。 一个demo，有源码 ,Labview曲线处理; 包络线判断功能; 判断准确; 有源码Demo; 包络线功能Demo; 准确度。,LabVIEW曲线处理与包络线精准判断功能Demo源码分享
2021年06月Scratch三级实操
GBT27067复习备考
基于nRF905的实验室温湿度监测系统研究.pdf
2022年12月机器人六级理论
Unity Shader Graph 2D - 角色身上部件高亮Bloom效果
大四-校内实习第四天（五）
2020年09月机器人五级实操
springboot停车场管理系统，含有完整的源码和报告文档
基于MPC模型预测算法的轨迹跟踪控制研究：双仿真比较及侧偏角软约束的重要性分析,基于mpc模型预测轨迹跟踪控制，总共包含两套仿真，一套是不加入四轮侧偏角软约束，一套是加入四轮侧偏角的软约束控制，通过carsim与simulink联合仿真发现加入侧偏角软约束在进行轨迹跟踪时，能够通过控制四轮侧偏角的变化，较好的实现轨迹跟踪；而不加入侧偏角软约束的，发现车辆由于失去稳定性, 轨迹跟踪失败（ 该仿真是学习mpc模型预测算法控制和基于车辆动力学轨迹跟踪控制非常好的学习资料）。 文件中参考文献和文件说明。 ,基于mpc模型预测轨迹跟踪控制; 四轮侧偏角软约束; 车辆稳定性; 轨迹跟踪失败; carsim与simulink联合仿真; mpc模型预测算法控制; 车辆动力学轨迹跟踪控制。,MPC模型预测轨迹跟踪控制：侧偏角软约束与车辆稳定性的联合仿真研究
基于扩展卡尔曼滤波算法的车辆多状态精确估计与仿真研究：融合位置、轨迹、速度及加速度的实时动态监测,基于扩展卡尔曼滤波EKF的车辆状态估计 估计的状态包括： 1. 车辆的横纵向位置 2.车辆行驶轨迹、横摆角、 3. 车速、加速度、横摆角速度 4. 相应的估计偏差。 内容附带：Simulink模型与MATLAB代马，以及参考文档。 ,基于扩展卡尔曼滤波; 车辆状态估计; 横纵向位置估计; 行驶轨迹估计; 横摆角估计; 车速估计; 加速度估计; 横摆角速度估计; 估计偏差; Simulink模型; MATLAB代码; 参考文档。,"基于扩展卡尔曼滤波的车辆多状态估计系统及其偏差分析：Simulink模型与MATLAB代码实现"
"基于V-REP与MATLAB联合仿真的小车项目：循迹、避障、走迷宫及路径规划的详细代码与文档说明匹配版",V-REP小车项目+匹配文档，基于V-REP与MATLAB联合仿真，小车能够完成循迹、避障、走迷宫和路径规划，提供详细代码和文档说明。 ,核心关键词：V-REP小车项目; 匹配文档; 联合仿真; 循迹; 避障; 走迷宫; 路径规划; 详细代码; 文档说明。,V-REP小车项目：循迹避障与路径规划联合仿真实现
2022年7月环境管理体系基础