学习JQuery实现网页中分隔条的功能

作者:小菜 更新时间:2025-02-26 点击数:
简介:在C/S系统中有专门的分隔条控件,很方便实现,但在Asp.net中却没有。

本文介绍了一种使用JQuery技术实现分隔条的功能。

Javascript代码如下,将该

【菜科解读】

在C/S系统中有专门的分隔条控件,很方便实现,但在Asp.net中却没有。

本文介绍了一种使用JQuery技术实现分隔条的功能。

Javascript代码如下,将该代码保存成JS文件后在HTML中引用。

jsplit

1 jQuery.noConflict(); 2 jQuery.fn.extend({ 3 jsplit: function (j) { 4 return this.each(function () { 5 j = j || {}; 6 j.Btn = j.Btn || {}; 7 j.Btn.oBg = j.Btn.oBg || {}; 8 j.Btn.cBg = j.Btn.cBg || {}; 9 var jun = { MaxW: "600px"10 , MinW: "260px"11 , FloatD: "left"12 , IsClose: false13 , BgUrl: ""14 , Bg: "#fff"15 , Btn: { btn: true16 , oBg: { Out: "#333", Hover: "orange" }17 , cBg: { Out: "#333", Hover: "orange"}18 }19 , Fn: function () { } 20 }21 j.MaxW = parseInt(j.MaxW) || parseInt(jun.MaxW);22 j.MinW = parseInt(j.MinW) || parseInt(jun.MinW);23 j.FloatD = j.FloatD || jun.FloatD;24 j.IsClose = j.IsClose != undefined ? j.IsClose : jun.IsClose;25 j.BgUrl = j.BgUrl || jun.BgUrl;26 j.Bg = j.Bg || jun.Bg;27 j.Btn.btn = j.Btn.btn != undefined ? j.Btn.btn : jun.Btn.btn;28 j.Btn.oBg.Out = j.Btn.oBg.Out || jun.Btn.oBg.Out;29 j.Btn.oBg.Hover = j.Btn.oBg.Hover || jun.Btn.oBg.Hover;30 j.Btn.cBg.Out = j.Btn.cBg.Out || jun.Btn.cBg.Out;31 j.Btn.cBg.Hover = j.Btn.cBg.Hover || jun.Btn.cBg.Hover;32 j.Fn = j.Fn || jun.Fn;33 var antiD = j.FloatD == "left" ? "right" : "left";34 if (j.MinW > j.MaxW) {35 var amax = j.MaxW;36 j.MaxW = j.MinW;37 j.MinW = amax;38 };39 var _self = this;40 var Close = false;41 jQuery(_self).css({ position: "relative", float: j.FloatD, overflow: "hidden", padding: "0px" });42 jQuery(_self).wrapInner("");43 jQuery(_self).children(".jsplit-c").append("");44 var dw = jQuery(_self).width();45 var jsplitc = jQuery(_self).children(".jsplit-c");46 var jsplite = jsplitc.children(".jsplit-e");47 var jsplith = jsplite.children(".jsplit-e-handle");48 if (j.Btn.btn == false) { jsplith.css({ display: "none" }) };49 if (jQuery.browser.msie) { document.execCommand("BackgroundImageCache", false, true); }50 if (dw > j.MaxW) { jQuery(_self).css({ width: j.MaxW }); }51 if (dw = j.MaxW) { curW = j.MaxW; };75 if (curW /script script language='javascript' src='jsplit.js'> /script

2. 为要被拖动大小的DIV或TD定义ID。

test test Table

3. 增加Javascript调用Split。

script type="text/javascript"> $(document).ready(function(){ jQuery('#tt').jsplit(); /script

这样就实现了客户端的分隔条的功能,如下图所示:

学习,JQuery,实现,网页,中,分隔,条,的,功能,在,

如何顺利实现社会保险的跨省转移?这种跨省转移需要多长时间时间?(2025/04/03)

通过转移社保,您可以让社保记录更加完整。

本文将为您介绍转移的重要性和具体做法。

下面随新社通小编一起了解详情。

社保跨省转移一般需要45个工作日。

社保跨省转移一般需要45个工作日。

这一过程具体分为四个主要环节,且每个环节最多需要15个工作日来完成。

第一个环节由参保人员在新就业地提出基本养老保险关系转移接续的书面申请。

新参保地社保经办机构在收到申请后的15个工作日内会进行审核,符合转移接续条件的,会向原参保地社保经办机构发出同意接收函,同时提供相关信息;对不符合条件的,会向申请单位或参保人员作出书面说明。

第二个环节是原参保地社保经办机构在接到同意接收函后的15个工作日内,需要办理好转移接续的各项手续。

第三个环节则是新参保地经办机构在收到参保人员原基本养老保险关系所在地社保经办机构转移的基本养老保险关系和资金后,应在15个工作日内办结相关手续,并及时告诉用人单位或参保人员确认情况。

总的来说,社保跨省转移的时间主要取决于以上四个环节的完成情况,整个流程最多需要45个工作日。

养老保险缴费年限是累计计算的,转移过程中允许有空档期,参保人员可以选择补缴或不补缴。

总的来看,跨省社保转移后缴费年限的计算方式取决于转移的具体类型。

在办理转移手续时,应仔细核对个人信息和缴费年限,确保转移结果的准确无误。

重装系统如何分区?详细步骤教你轻松实现优化安装

想重装系统不会怎么办?菜科网一键重装系统轻松在线帮您搞定系统重装问题。

软件支持 在线重装、U盘制作、自定义重装 等多种模式。

简介:在重装电脑操作系统时,合理的分区不仅有助于提高系统的运行速度,还能够延长硬盘的使用寿命和便于系统管理。

本文将详细介绍重装系统时如何分区,以及如何进行优化安装,让你的电脑发挥最大的性能。

工具原料:系统版本:Windows 11品牌型号:Dell XPS 13 9310软件版本:MiniTool Partition Wizard Free 12.6一、重装系统前的准备1、备份数据:在重装系统前,请确保备份所有重要数据。

这可以使用外接硬盘,或云存储服务。

确保没有遗漏关键文件。

2、下载并创建启动盘:你需要一张Windows 11的USB启动盘,可以使用微软官网的Windows安装工具下载镜像文件,并创建启动盘。

用于重装系统的USB闪存盘需至少有8GB空间。

二、硬盘分区规划1、系统分区:为了优化性能,建议将系统分区(C盘)设置为至少100GB。

这样可以安装系统所需文件及常用软件。

如果有条件,可以适当增加容量。

2、数据分区:将剩余空间用于创建数据分区(D盘、E盘等),可以分类储存个人文件、文档、音乐、视频等,以便访问和管理。

3、备份分区:创建一个独立的备份分区,可以用于存放系统备份镜像或其他重要文件。

在出问题时,可以便捷地进行恢复。

三、使用MiniTool Partition Wizard进行分区1、安装软件:下载并安装MiniTool Partition Wizard Free 12.6,该软件提供丰富的分区操作,如创建、删除、格式化、调整大小等。

2、启动并选择目标硬盘:开启软件后,识别并选择需要操作的硬盘。

注意选择正确,以免误操作。

3、分区操作:右键点击未分配空间,选择“新建”进行分区设置,设置完C盘后,选择剩余的未分配空间,按规划制定数据分区和备份分区大小。

4、应用更改:确认所有设置无误后,点击“应用”按钮,完成分区操作。

注意在此过程中不要断电或者退出软件。

拓展知识:1、GPT与MBR分区表:在进行分区前,需要选择分区表类型。

GPT(GUID Partition Table)相比MBR(Master Boot Record)可以支持更多分区,并支持超2TB硬盘,是更推荐的方案。

2、SSD分区对齐:如果使用的是SSD硬盘,分区时还需注意“4K对齐”,可以有效提升读写速度,这在现代硬盘及软件中一般默认处理。

3、虚拟内存分区:在硬件(RAM)相对较小的情况下,适当设置虚拟内存(页面文件),可以分配一个单独的分区以提高性能。

总结:合理的硬盘分区是重装系统并保持系统顺畅运行的关键步骤之一。

通过本文的指导,你可以在重装Windows 11时,合理分配硬盘空间,将数据与系统区分开,优化计算机的性能与使用寿命。

掌握这一技能,将极大提升你的计算机管理效率。

注意,准确无误的操作和充分的准备工作,可以帮助你省却因数据丢失或功能障碍带来的不便。

愿这篇文章能为你的系统重装与优化带来实用的帮助。

标签: 注意:本站所刊载的文章均为学习交流之用,请勿用于商业用途。

对于商业使用,请联系各自版权所有者,否则法律问题自行承担。

Windows7旗舰版密钥激活指南:全面解析与常见问题解决方案 系统之家win7重装全攻略:解决所有安装难题 重装系统如何分区?详细步骤教你轻松实现优化安装 分类于: 回答于:2024-12-15 简介:在重装电脑操作系统时,合理的分区不仅有助于提高系统的运行速度,还能够延长硬盘的使用寿命和便于系统管理。

本文将详细介绍重装系统时如何分区,以及如何进行优化安装,让你的电脑发挥最大的性能。

工具原料:系统版本:Windows 11品牌型号:Dell XPS 13 9310软件版本:MiniTool Partition Wizard Free 12.6一、重装系统前的准备1、备份数据:在重装系统前,请确保备份所有重要数据。

这可以使用外接硬盘,或云存储服务。

确保没有遗漏关键文件。

2、下载并创建启动盘:你需要一张Windows 11的USB启动盘,可以使用微软官网的Windows安装工具下载镜像文件,并创建启动盘。

用于重装系统的USB闪存盘需至少有8GB空间。

二、硬盘分区规划1、系统分区:为了优化性能,建议将系统分区(C盘)设置为至少100GB。

这样可以安装系统所需文件及常用软件。

如果有条件,可以适当增加容量。

2、数据分区:将剩余空间用于创建数据分区(D盘、E盘等),可以分类储存个人文件、文档、音乐、视频等,以便访问和管理。

3、备份分区:创建一个独立的备份分区,可以用于存放系统备份镜像或其他重要文件。

在出问题时,可以便捷地进行恢复。

三、使用MiniTool Partition Wizard进行分区1、安装软件:下载并安装MiniTool Partition Wizard Free 12.6,该软件提供丰富的分区操作,如创建、删除、格式化、调整大小等。

2、启动并选择目标硬盘:开启软件后,识别并选择需要操作的硬盘。

注意选择正确,以免误操作。

3、分区操作:右键点击未分配空间,选择“新建”进行分区设置,设置完C盘后,选择剩余的未分配空间,按规划制定数据分区和备份分区大小。

4、应用更改:确认所有设置无误后,点击“应用”按钮,完成分区操作。

注意在此过程中不要断电或者退出软件。

拓展知识:1、GPT与MBR分区表:在进行分区前,需要选择分区表类型。

GPT(GUID Partition Table)相比MBR(Master Boot Record)可以支持更多分区,并支持超2TB硬盘,是更推荐的方案。

2、SSD分区对齐:如果使用的是SSD硬盘,分区时还需注意“4K对齐”,可以有效提升读写速度,这在现代硬盘及软件中一般默认处理。

3、虚拟内存分区:在硬件(RAM)相对较小的情况下,适当设置虚拟内存(页面文件),可以分配一个单独的分区以提高性能。

总结:合理的硬盘分区是重装系统并保持系统顺畅运行的关键步骤之一。

通过本文的指导,你可以在重装Windows 11时,合理分配硬盘空间,将数据与系统区分开,优化计算机的性能与使用寿命。

掌握这一技能,将极大提升你的计算机管理效率。

注意,准确无误的操作和充分的准备工作,可以帮助你省却因数据丢失或功能障碍带来的不便。

愿这篇文章能为你的系统重装与优化带来实用的帮助。

菜科网系统致力于解决 Windows 系统重装解决方案,提供高效、安全、免费的系统重装服务。

加入收藏
               

学习JQuery实现网页中分隔条的功能

点击下载文档

格式为doc格式

  • 账号登录
社交账号登录