Welcome 微信登录

首页 / 脚本样式 / JavaScript

高效的获取当前元素是父元素的第几个子元素

高效的获取当前元素是父元素的第几个子元素

例如处理事件的时候,有时候需要知道当前点击的是第几个子节点,而HTML DOM本身并没有直接提供相应的属性,需要自己来计算。 从一个索引序号,很容易得到该索引对应的子节点或者子元素,直接用parentNode.childNodes[index] 或 parentNode.children[index] 就行。 但反过来,已知一个节点或元素对象,要知道它的索引序号则没有那么直接了。 一些特殊的元素,HTML DOM有对应的属性表示其索引序号,主要是表格的TD...
Javascript 实现的数独解题算法网页实例

Javascript 实现的数独解题算法网页实例

1)当我们拿到一个题目时,首先会根据已经知道的条件,进行数据的初步整理和分析。相当于填写出9宫格里,所有的“确定项”,以及标记“可能选项”。function refreshStat()2)此后,思考会进入 猜测/验证 的循环阶段。在9宫格中,可以对于“可能选项”进行尝试,验证是否违背现有条件。每一个新的分支,最后的结果无非是两种,答案/出错。复制代码 代码如下: while(true){ var a=setOne(); var b=refreshStat(...
自定义ExtJS控件之下拉树和下拉表格附源码

自定义ExtJS控件之下拉树和下拉表格附源码

简介 在Ext官方的例子中只有下拉列表控件,但是在实际业务中只有下拉列表无法满足需求的,像下拉树和下拉表格都是很常见的控件,对于刚使用Ext的人来说,自定义一个控件好难,其实多读官方的源码有些事情就不会那么难了。下面是下拉树的代码: 复制代码 代码如下: Ext.define("ComboTreeBox",{ extend : "Ext.form.field.ComboBox", multiSelect : true, createPicker : fun...
纯Javascript实现Windows 8 Metro风格实现

纯Javascript实现Windows 8 Metro风格实现

Metro风格设计主要特点 1.Windows 8 Metro风格设计,实现网站或系统功能的导航 2.纯Javascript实现 3.支持所有IE、360、Chrome等常用浏览器 4.支持圆角、阴影、卡片切换等特效 5.支持卡片的放大、缩小、增加、删除等功能 6.可自定义卡片背景色、背景图片、卡片图片、卡片文字 7.卡片间可任意切换 Metro风格截图 Metro部分算法 卡片显示部分代码: 复制代码 代码如下: str="<li data-mod...
jQuery实现等比例缩放大图片让大图片自适应页面布局

jQuery实现等比例缩放大图片让大图片自适应页面布局

在布局页面时,有时会遇到大图片将页面容器“撑破”的情况,尤其是加载外链图片(通常是通过采集的外站的图片)。那么本文将为您讲述使用jQuery如何按比例缩放大图片,让大图片自适应页面布局。 通常我们处理缩略图是使用后台代码(PHP、.net、Java等)根据大图片生成一定尺寸的缩略图,来供前台页面调用,当然也有使用前台javascript脚本将加载后的大图强行缩放,变成所谓的缩略图,这种方法不可取。但是,针对网站内容页,如本站文章详情页,如果需要加载一张很大...
利用CSS、JavaScript及Ajax实现高效的图片预加载

利用CSS、JavaScript及Ajax实现高效的图片预加载

方法一:用CSS和JavaScript实现预加载 实现预加载图片有很多方法,包括使用CSS、JavaScript及两者的各种组合。这些技术可根据不同设计场景设计出相应的解决方案,十分高效。 单纯使用CSS,可容易、高效地预加载图片,代码如下: 复制代码 代码如下: #preload-01 { background: url(http://domain.tld/image-01.png) no-repeat -9999px -9999px; } #prelo...
9行javascript代码获取QQ群成员具体实现

9行javascript代码获取QQ群成员具体实现

昨天看到一条微博:「22 行 JavaScript 代码实现 QQ 群成员提取器」。 本着好奇心点击进去,发现没有达到效果,一是 QQ 版本升级了,二是博客里面的代码也有些繁琐。 于是自己试着写了一个,算上空行才 9 行,麻雀虽小,五脏俱全。 复制代码 代码如下: var ids = document.querySelectorAll(".member_id"); var names = document.querySelectorAll(".member...
<< 711 712 713 714 715 716 717 718 719 720 >>