Welcome 微信登录

首页 / 脚本样式 / JavaScript

jquery实现兼容浏览器的图片上传本地预览功能

jquery实现兼容浏览器的图片上传本地预览功能

一、图片上传实现本地预览 由于上传图片功能,现在大多数都需要在本地实现预览,为了能够更好的让用户体验到效果,实现成品的证明,需要兼容好几种浏览器,所有通过各个例子整合了这个例子插件,兼容火狐、谷歌、ie8,其他的没有进行测试过 复制代码 代码如下: (function($){ jQuery.fn.extend({ uploadPreview: function(opts){ opts = jQuery.extend({ width: 0, height: ...
JavaScript的继承的封装介绍

JavaScript的继承的封装介绍

复制代码 代码如下: /** * 当调用此函数时,只有第一次参数传入,第二个不存在的情况下,就创建类 * 当调用此函数时,传入了两个参数,第一个参数为基类,第二个参数则在基类的基础上添加内容 */ function extend(obj,prop){ function F(){ } //如果第一个参数为object类型(即json对象)的话,则将json的key value赋值给F函数的原型 F.prototype.key = value if (type...
Javascript中查找不以XX字符结尾的单词示例代码

Javascript中查找不以XX字符结尾的单词示例代码

首先,让我声明一下,我在写这篇文章之前花了2个多小时在弄正则表达式。悲~悲~悲~ 按照一般的思路,先来看看其他几个插找方式: 我以字符串 复制代码 代码如下: var str = "eattd gebcat gedat jadu geat beu"; 為例子。 1.以"ge"為开头的,结果应该是"gebcat, gedat, geat"。因為单词以"ge"开头,则我可以放入一个新的数组供以后使用。 复制代码 代码如下: var exp1 = /gew+...
高效的获取当前元素是父元素的第几个子元素

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

例如处理事件的时候,有时候需要知道当前点击的是第几个子节点,而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脚本将加载后的大图强行缩放,变成所谓的缩略图,这种方法不可取。但是,针对网站内容页,如本站文章详情页,如果需要加载一张很大...
<< 2101 2102 2103 2104 2105 2106 2107 2108 2109 2110 >>