学习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,实现,网页,中,分隔,条,的,功能,在,

用Erlang实现快速排序算法

Erlang是一个结构化,动态类型编程语言,内建并行计算支持。

最初是由爱立信专门为通信应用设计的,比如控制交换机或者变换协议等,因此非常适 合于构建分布式,实时软并行计算系统。

使用Erlang编写出的应用运行时通常由成千上万个轻量级进程组成,并通过消息传递相互通讯。

进程间上下文切换对于Erlang来说仅仅 只是一两个环节,比起C程序的线程切换要高效得多得多了。

使用Erlang来编写分布式应用要简单的多,因为它的分布式机制是透明的:对于程序来说并不知道自己是在分布式运行。

Erlang运行时环境是一个虚拟机,有点像Java虚拟机,这样代码一经编译,同样可以随处运行。

它的运行时系统甚至允许代码在不被中断的情况下更新。

另外如果你需要更高效的话,字节代码也可以编译成本地代码运行。

Yaws: 一个Erlang写的服务器,据说并发能是apache的15倍排序算法的原理无需多说,直接上代码 1 -module(quicksort). 2 -export([start/1]). 3 4 %% 程序入口 5 %% List:用户输入的待排序的数值列表 6 start(List) -> 7 SortedList = calu(List), 8 io:format("sorted list:~w~n", [SortedList]). 9 10 %% 得到排序后的数值列表11 calu([Key|RestList]) ->12 {LittleList, GreatList} = calu_sort(Key, RestList, [], []),13 calu(LittleList) ++ [Key] ++ calu(GreatList);14 calu([]) ->15 [].16 17 %% 快速排序算法18 %% Key:列表中的第一个元素19 %% [Element|RestElements]:列表中的其它元素20 %% LittleList:小于等于Key的数值组成的列表21 %% GreatList:大于Key的数值组成的列表22 calu_sort(Key, [Element|RestElements], LittleList, GreatList) ->23 if24 Element =25 calu_sort(Key, RestElements, [Element] ++ LittleList, GreatList);26 Element > Key ->27 calu_sort(Key, RestElements, LittleList, [Element] ++ GreatList)28 end;29 calu_sort(_Key, [], LittleList, GreatList) ->30 {LittleList, GreatList}.注意事项:代码第一次运行的时候,结果怎么都不对,调试之后发现问题出在24行的Element =Key(变量)表达式,写成了Element =key(原子),由于Element是数值,key是原子,根据Erlang的排序规则,数值小于原子,所以结果不正确。

由于变量名必须以大写开始,需要按住shirt键输入,有时候不注意没按住shirt就变成了原子。

这种问题在其它编程语言中是很难出现的,对于静态类型语言,直接就给出未定义符号的编译错误,对于动态语言,不同类型的数据一般是不予比较的。

所以在Erlang编程中要万分小心,不要把变量名写成原子,否则会出现编译通过而运行时出现各种异常结果的情况。

用,Erlang,实现,快速,排序,算法,Erlang,是,

Win10录制神器,轻松实现高效录制

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

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

简介:Win10录制神器,轻松实现高效录制在现代社会,录制视频已经成为了人们生活中不可或缺的一部分。

无论是教育、娱乐还是工作,录制视频都能起到重要的作用。

然而,很多人在录制视频时都会遇到各种各样的问题,比如录制质量不佳、操作繁琐等。

为了解决这些问题,我们需要一款高效的录制工具。

而Win10录制神器正是这样一款工具,它能够轻松实现高效录制,让你的录制过程更加顺利。

工具原料:系统版本:Windows 10品牌型号:任意电脑或手机品牌型号软件版本:最新版本的Win10录制神器正文:一、Win10录制神器的简单操作Win10录制神器的操作非常简单,即使是初学者也能够轻松上手。

首先,打开Win10录制神器软件,选择录制模式,比如全屏录制或窗口录制。

然后,点击开始录制按钮,即可开始录制你想要的内容。

录制完成后,点击停止录制按钮,保存录制文件即可。

通过这样简单的几步操作,你就能够轻松实现高效录制。

二、Win10录制神器的强大功能Win10录制神器不仅操作简单,还具有许多强大的功能。

首先,它支持多种录制模式,比如全屏录制、窗口录制、区域录制等,满足不同录制需求。

其次,它还支持音频录制,可以录制系统声音和麦克风声音,让你的录制更加完整。

此外,Win10录制神器还支持视频编辑功能,你可以对录制的视频进行剪辑、添加字幕等操作,让你的视频更加精彩。

这些强大的功能使得Win10录制神器成为了一款不可或缺的工具。

三、Win10录制神器的案例应用Win10录制神器在各个领域都有广泛的应用。

比如,在教育领域,老师可以使用Win10录制神器录制教学视频,方便学生远程学习。

在娱乐领域,主播可以使用Win10录制神器录制游戏视频,与粉丝分享游戏乐趣。

在工作领域,员工可以使用Win10录制神器录制会议视频,方便回顾和分享会议内容。

这些案例都充分展示了Win10录制神器的高效性和实用性。

总结:Win10录制神器是一款功能强大、操作简单的录制工具,能够轻松实现高效录制。

无论是教育、娱乐还是工作,Win10录制神器都能够帮助你解决录制过程中的各种问题,让你的录制更加顺利。

因此,我强烈推荐大家使用Win10录制神器,让录制变得更加轻松和高效。

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

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

Win7系统升级指南:全面解析升级步骤与要点 Win7系统损坏修复教程:详细步骤助你快速解决问题 Win10录制神器,轻松实现高效录制 分类于: 回答于:2023-11-03 简介:Win10录制神器,轻松实现高效录制在现代社会,录制视频已经成为了人们生活中不可或缺的一部分。

无论是教育、娱乐还是工作,录制视频都能起到重要的作用。

然而,很多人在录制视频时都会遇到各种各样的问题,比如录制质量不佳、操作繁琐等。

为了解决这些问题,我们需要一款高效的录制工具。

而Win10录制神器正是这样一款工具,它能够轻松实现高效录制,让你的录制过程更加顺利。

工具原料:系统版本:Windows 10品牌型号:任意电脑或手机品牌型号软件版本:最新版本的Win10录制神器正文:一、Win10录制神器的简单操作Win10录制神器的操作非常简单,即使是初学者也能够轻松上手。

首先,打开Win10录制神器软件,选择录制模式,比如全屏录制或窗口录制。

然后,点击开始录制按钮,即可开始录制你想要的内容。

录制完成后,点击停止录制按钮,保存录制文件即可。

通过这样简单的几步操作,你就能够轻松实现高效录制。

二、Win10录制神器的强大功能Win10录制神器不仅操作简单,还具有许多强大的功能。

首先,它支持多种录制模式,比如全屏录制、窗口录制、区域录制等,满足不同录制需求。

其次,它还支持音频录制,可以录制系统声音和麦克风声音,让你的录制更加完整。

此外,Win10录制神器还支持视频编辑功能,你可以对录制的视频进行剪辑、添加字幕等操作,让你的视频更加精彩。

这些强大的功能使得Win10录制神器成为了一款不可或缺的工具。

三、Win10录制神器的案例应用Win10录制神器在各个领域都有广泛的应用。

比如,在教育领域,老师可以使用Win10录制神器录制教学视频,方便学生远程学习。

在娱乐领域,主播可以使用Win10录制神器录制游戏视频,与粉丝分享游戏乐趣。

在工作领域,员工可以使用Win10录制神器录制会议视频,方便回顾和分享会议内容。

这些案例都充分展示了Win10录制神器的高效性和实用性。

总结:Win10录制神器是一款功能强大、操作简单的录制工具,能够轻松实现高效录制。

无论是教育、娱乐还是工作,Win10录制神器都能够帮助你解决录制过程中的各种问题,让你的录制更加顺利。

因此,我强烈推荐大家使用Win10录制神器,让录制变得更加轻松和高效。

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

加入收藏
               

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

点击下载文档

格式为doc格式

  • 账号登录
社交账号登录