自定义博客皮肤VIP专享

*博客头图：

格式为PNG、JPG，宽度*高度大于1920*100像素，不超过2MB，主视觉建议放在右侧，请参照线上博客头图

请上传大于1920*100像素的图片！

博客底图：

图片格式为PNG、JPG，不超过1MB，可上下左右平铺至整个背景

栏目图：

图片格式为PNG、JPG，图片宽度*高度为300*38像素，不超过0.5MB

主标题颜色：

RGB颜色，例如：#AFAFAF

Hover：

RGB颜色，例如：#AFAFAF

副标题颜色：

RGB颜色，例如：#AFAFAF

预览 取消 提交

自定义博客皮肤

-+
上一步保存

pippe的专栏

  • 博客(10)
  • 资源 (7)
  • 收藏
  • 关注
排序：
按最后发布时间
按访问量
RSS订阅

原创 谈谈JS中“枚举”的使用

    习惯了.net编程，c#的枚举很好用，无论管理上，可读上，易用上都非常强大。    JS作为弱类型解析语言，并没有严格的数据类型限定。    “枚举”在JS中并不存在的。    通过定义上，枚举是一种类常量的存在，只不过vs.net可以自动导航到枚举的数据类型存在，并且自动给与用户提供选择。    vs.net2008增加了js的导航，那么用json模拟枚举功能就有存在的必

2008-04-21 11:00:00 866

原创 谈谈JS分层架构的可行性

    相信大家都很熟识成熟的.net三层架构，这种架构带来的好处是不言而喻的。    JS作为辅助客户端语言，一直不受重视，写法大都很散乱，直到web2.0的提出，作为主要执行手段的JS逐渐受重视，随着代码段的加长，带来的是可读性，管理性上的冗杂。    JS作为弱类型解析语言，没有很完整的面向对象理念，但是并不代表JS不支持面向对象。而对JS以类及对象的方式进行业务及功能上的分层是完全

2008-03-28 09:21:00 1319

原创 效率让数据说话

    一直不是很喜欢用JS框架内的方法，一直持有能不用就不用的原则，于是类似于如document.getElementById的JS内置方法就用内置，或者自己简单封装一个，尽量避免使用开源框架内的大封装去取。    理由很简单，从性能上讲，封装得越多调用执行的过程就越长，而我们只是简单的去执行某一句语句的时候，有没有必要一下全部取出来吗？    前两天上级让我今后都改用Ext.get(i

2008-03-26 19:19:00 801

原创 为JS数组/Json/Xml添加折半查询方法

    对于顺序或逆序排序的数组/Json/Xml等，顺序查询如果数据量少的话倒看不出来，如果数据量庞大同时查询的值在比较后面/前面的时候，顺序/逆序查询极大影响效率，借用了数据结构的折半查询算法，为数组添加了折半查询功能，Json/Xml等原理同。    使用方法：arrayName.select(value [,minIndex][,maxIndex])，[]内为可选输入，输入则指定查询范

2008-03-24 19:56:00 1326

原创 JS动态载入外部JS文件

    我们经常把一大堆的JS文件在页面载入的时候就全部载入，可这样就造成了页面载入速度慢，用到的时候才载入才是最好的。    按需载入有许多种写法，比如document.writeln(")，但是这种写法只适合首次载入或者需要添加iframe，不是很好。   将js做为一个DOM节点对象引入无疑是最好的选择，比如：  

2008-03-14 21:58:00 5933

原创 JS小游戏 - 盖房子

    写这个JS，源于CSDN上看到的一道思考题，挺有趣的一个算法，于是根据规则写了这个JS。 html>head>    title>JS小游戏 - 盖房子title>    style type="text/css">        body        ...{            font-size: 12px;            cursor: default;  

2008-03-07 20:53:00 2960 1

原创 纯JS控制DIV选择范围移动与复制 改进版

     和上一个版本相比，增加了快捷键操作，增加了批量删除功能，改变了操作方式。html>head>    title>纯JS控制DIV选择范围移动与复制 改进版title>    style type="text/css">...    .newbtn{...}{margin-right:10px;border:solid 1px green;cursor:pointer;paddin

2008-03-05 19:28:00 1439

原创 纯JS打造循环间隔滚动公告栏

html>head>    title>纯JS打造循环间隔滚动公告栏title>    style type="text/css">...        div#scrollDiv        {...}{            width: 100%;             height: 30px;             position: relative;            

2008-02-27 20:01:00 1765

原创 纯JS控制DIV选择范围移动与复制

 html>    head>        title>纯JS控制DIV选择范围移动与复制title>    head>body onselectstart="return false">script language="javascript" type="text/javascript">...    var copyNo = 0;    var eventType = "nothin

2008-02-14 20:38:00 4213 1

原创 纯js操作div拖移/伸缩，拉动结束有渐变动画，支持快捷键

 script type="text/javascript">...    //保留的位置    var saveLeft,saveTop,saveWidth,saveHeight;    var theBody;    var eventType;    //事件种类, "move"、"resize"    var div;        //创建并设定div的参数    functio

2008-02-05 04:34:00 1951 1

JS折半查找
对JS数组查询添加折半查询算法功能<br><br>载入时有点慢是因为初始化创建一个100000的数组并填充数据<br><br>使用方法：<br>arrayName.select(value)，程序自动判断数组是顺序或降序（仅支持顺序降序排序的数组），返回value所在的位置，-1为没数组中无查询的值<br><br>平均效率上远远超过顺序查询

2008-03-24

JS小游戏 - 盖房子 改进版
游戏说明：<br>一个5*5的方格 打算往每个格子里放房子,有4种颜色的房子 <br>蓝色的房子 占10人口 随便放在哪里都行 <br>红色的房子 占20人口 要求和蓝色的房子相邻 <br>绿色的房子 占30人口 要求和蓝色，红色的房子相邻 <br>黄色的房子 占40人口 要求和蓝色，红色，绿色的房子相邻 <br>问 如何放置 才能使5*5的格子占用的人口数量最大?<br><br>操作说明：<br>拉动各颜色的房子到欲放置的格子处释放鼠标，如果格子符合该颜色房子的需求则房子成功放入，否则房子不放入，如：欲放黄色房子，则本格子上下左右需存在蓝绿红三种房子。 <br>单击任何一个格子弹出该格子当前可放入的房子选项，双击房子即可放入，或者选中其中一个后按回车或点选择亦可放入。 <br>双击有房子的格子或房子即可拆掉此房子。 <br>键盘操作： <br>按上下左右箭头可在表格内移动，当前格子背景色为黑色，如无选中则从第一行第一列开始，按回车后选择房子，按Delete或“.”为拆掉房子。 <br>如果弹出选择房子时，上下左右箭头为选择当前格子可用的房子(如：向放黄色房子需先在需要放置的格子上下左右格放好蓝绿红房子，方可选择)，按下回车后此房子加入格子内，Esc键为不做选择并关掉选择房子。 <br>如果拆除房子的邻居有对本房子要求时本房子不可拆除，需先拆除对于本房子做要求的房子，如：想拆掉蓝色房子，但上下左右有红色房子则需先拆掉红色房子方可拆掉蓝色房子。 <br>按Ctrl+Z可后退一步，如果后退后未再做操作按Ctrl+Y可前进一步，可多次后退或前进（在房子总数足够或后退步数足够的情况下），反之后退前进无效。

2008-03-10

JS小游戏 - 盖房子
游戏说明：<br>一个5*5的方格 打算往每个格子里放房子,有4种颜色的房子 <br>蓝色的房子 占10人口 随便放在哪里都行 <br>红色的房子 占20人口 要求和蓝色的房子相邻 <br>绿色的房子 占30人口 要求和蓝色，红色的房子相邻 <br>黄色的房子 占40人口 要求和蓝色，红色，绿色的房子相邻 <br>问 如何放置 才能使5*5的格子占用的人口数量最大?<br><br>操作说明：<br>拉动各颜色的房子到欲放置的格子处释放鼠标，如果格子符合该颜色房子的需求则房子成功放入，否则房子不放入，如：欲放黄色房子，则本格子上下左右需存在蓝绿红三种房子。 <br>单击任何一个格子弹出该格子当前可放入的房子选项，双击房子即可放入，或者选中其中一个后按回车或点选择亦可放入。 <br>双击有房子的格子或房子即可拆掉此房子。 <br>键盘操作： <br>按上下左右箭头可在表格内移动，当前格子背景色为黑色，如无选中则从第一行第一列开始，按回车后选择房子，按Delete或“.”为拆掉房子。 <br>如果弹出选择房子时，上下左右箭头为选择当前格子可用的房子(如：向放黄色房子需先在需要放置的格子上下左右格放好蓝绿红房子，方可选择)，按下回车后此房子加入格子内，Esc键为不做选择并关掉选择房子。 <br>如果拆除房子的邻居有对本房子要求时本房子不可拆除，需先拆除对于本房子做要求的房子，如：想拆掉蓝色房子，但上下左右有红色房子则需先拆掉红色房子方可拆掉蓝色房子。

2008-03-07

纯JS控制DIV选择范围移动与复制 改进版
未选择状态下，单击DIV上可选中此DIV。<br><br>未选择状态下，单击在背景上按住左键拖动产生范围虚线框，在此范围虚线框内的DIV边框变粗变色为被选中，虚线框外的则不被选中。<br><br>已选择状态下，按住Ctrl可再次选择，按住Ctrl的同时，单击在DIV上，如果DIV已被选中则取消本节点选择，反之选中此节点。<br><br>已选择状态下，按住Ctrl的同时，如果单击在背景上按住左键拖动产生范围虚线框，在此范围虚线框内的DIV边框变粗变色为被选中，虚线框外的如果为上次已选中的则不仍然选中，否则不选中。<br><br>释放后虚线消失，需要添加选择可重复第“3”，“4”步操作，多次选择的节点选中。<br><br>快捷键选择，Ctrl +A全选，Ctrl +X反选，Ctrl +Z取消选择。<br><br>移动位置，选中DIV后，如果单选组选中移动(-)（默认，快捷键为“-”）按住左键拖动位置后释放可批量移动位置，产生一段过度动画，不撤销选择的DIV可多次移动，如已移动完毕按Ctrl+Z撤销选择即可。<br><br>复制节点，选中DIV后，如果单选组选中复制(+，快捷键为“+”)，按住左键拖动位置后释放，产生一段过度动画，即复制选中的DIV，如复制完毕按Ctrl+Z取消选择即可。<br><br>删除选中DIV，选中DIV后，按下按钮或者快捷键“Delete”或“.”可删除所有选中的DIV。

2008-03-05

纯JS控制DIV选择范围移动与复制(改进版)
未选择状态下，单击DIV上可选中此DIV。未选择状态下，单击在背景上按住左键拖动产生范围虚线框，在此范围虚线框内的DIV边框变粗变色为被选中，虚线框外的则不被选中。已选择状态下，按住Ctrl可再次选择，按住Ctrl的同时，单击在DIV上，如果DIV已被选中则取消本节点选择，反之选中此节点。已选择状态下，按住Ctrl的同时，如果单击在背景上按住左键拖动产生范围虚线框，在此范围虚线框内的DIV边框变粗变色为被选中，虚线框外的如果为上次已选中的则不仍然选中，否则不选中。释放后虚线消失，需要添加选择可重复第“3”，“4”步操作，多次选择的节点选中。快捷键选择，Ctrl +A全选，Ctrl +X反选，Ctrl +Z取消选择。移动位置，选中DIV后，如果单选组选中移动(-)（默认，快捷键为“-”）按住左键拖动位置后释放可批量移动位置，产生一段过度动画，不撤销选择的DIV可多次移动，如已移动完毕按Ctrl+Z撤销选择即可。复制节点，选中DIV后，如果单选组选中复制(+，快捷键为“+”)，按住左键拖动位置后释放，产生一段过度动画，即复制选中的DIV，如复制完毕按Ctrl+Z取消选择即可。删除选中DIV，选中DIV后，按下按钮或者快捷键“Delete”、“.”可删除所有选中的DIV。

2008-03-05

纯JS打造循环间隔滚动公告栏
通过二维数组循环显示公告，如果为最后一条循环回第一条 循环效果为进入中间区为快速进入，停顿数秒（预设2.5秒）后快速离开中间区，同时下一条公告快速进入！ 鼠标经过并且停留在公告区时，公告不进行切换，待鼠标离开后再次进行切换！ 点击公告区可查看当前点击公告内容 如果内容DIV当前未被打开，创建一个DIV，滑动路径分为两步，第一步滑动的宽度、高度、左距、顶距分别为上一次关闭的内容区的的宽度、高度、左距、左距，如果未打开过采用默认，第二步滑动同下一条一致 如果内容DIV当前已打开，则调整大小及位置为将要打开的大小及位置，滑动并替换内容区主题和内容 内容DIV可做成可移动，参考本人上次所写的移动DIV代码，此处不提供

2008-02-27

纯JS控制DIV选择范围移动与复制
纯JS控制DIV选择范围移动与复制

2008-02-25

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章？
取消 删除