摘要: 为jQuery扩展wait方法[jquery1.4之后添加该方法,但不同版本有不一样的写法] Wait插件演示 View Code jQuery.fn.delay---1.4~1.6.4function (time, type) { time = jQuery.fx ? jQuery.fx.speeds[time] || time : time; type = type || "fx"; return this.queue(type, function () { var elem = this; ... 阅读全文
posted @ 2013-10-19 00:33 黑色技术 阅读(188) 评论(0) 推荐(0) 编辑
摘要: tabs标签切换分为2个部分tabs头部分,用于控制要显示的部分则对应的身体部分.conts身体部分,用于显示内容,受tabs头部控制.有这么几种方式原理一:a标签的锚点,比较少用原理二:利用索引,好像多数的都离不开这个索引,常用原理三:CSS3 的伪类元素[仅支持现代游览器,IE6古董级别需要兼容就不能用了,很多开发都是由于国内的IE6/7/8,阻碍,郁闷.一起加入秒杀IE6行动吧,反正IE就是一个奇葩的传说.]原理一的可以参考,张金鑫的文章原理二实现方式的不同,取决于,你要精简哪些参数,样式,结构?多js还是少js,还是采用css控制?还是不用参数?1.来个简单的,采用传入参数,简单,不简 阅读全文
posted @ 2013-10-15 12:08 黑色技术 阅读(685) 评论(0) 推荐(0) 编辑
摘要: 该功能偷自,[司徒正美]博客...希望不要告我...囧1.添加css,js文件操作:管理-设置-页首Html代码中插入以下代码2.编辑文本,转为html源码编辑模式插入文本域和运行按钮 测试一口吧! 运行代码文本域的id不能重复,要与运行按钮的title一致即可!!效果:测试一口吧!运行代码 阅读全文
posted @ 2013-10-13 16:28 黑色技术 阅读(1739) 评论(3) 推荐(2) 编辑
摘要: IE6不支持keydown事件触发回车,更换为keypress捕获回车(13)事件IE6对ESC(27)事件也是keyress才捕获回车事件在提交表单和搜索的时候使用的最多,但效果却不是我们想要的,今天就测试下,在表单里面的不同的元素,会出现什么情况.1.无form表单的submit,和button 无form表单的,sb,bt都不会触发提交事件,因为没有表单. 所以都是使用ajax查询返回查询结果.不多说.2.有form 表单,submit,button,textfrom,from默认不处理任何东西,看看效果. 下面是有form ,submit,texthtml代码如下... 阅读全文
posted @ 2013-10-12 23:59 黑色技术 阅读(1215) 评论(0) 推荐(0) 编辑
摘要: 现在网上有很多优秀的富文本编辑器,有百度的,各大论坛,反正用到文本编辑的都有,像博客园的后台的富文本编辑器,各种的不一样.但核心还是离不开那几个原理. 今天就讲下几个核心的知识要点,会了这几个,简单的文本编辑器就可以自己完成了,复杂的还涉及很多,多种功能,各种兼容问题等, 美化问题等等.知识点1.iframe 对象的运用2.元素变为可编辑3.ranges 对象(对选中文本处理)4.execCommand命令5.兼容(IE怪胎)6.扩展,各种功能...1.iframe现在的编辑器都是编辑就可以看到效果,就是试用iframe对象来创建一个内置页面进行编辑,而代码试图则是普通的文本域 我们可... 阅读全文
posted @ 2013-10-11 11:03 黑色技术 阅读(1715) 评论(3) 推荐(1) 编辑
摘要: 透明度最为开发者所熟知的滤镜之一。#myElement { opacity: .4; /* other browsers */ filter: progid: DXImageTransform.Microsoft.Alpha( opacity=40 ); /* IE6, IE7, and IE8 */ -ms-filter : "progid:DXImageTransform.Microsoft.Alpha( opacity=40 )"; /* IE8 only */}View Code 阴影.box-shadow { -moz-box-shadow: 2px 2px 3p 阅读全文
posted @ 2013-09-28 09:23 黑色技术 阅读(299) 评论(0) 推荐(0) 编辑
摘要: 精品网站一个(js库模块):http://microjs.com代码有自己写.整理,网上收集...1.中英文字符长度统计/*字符长度检测*message,参数为要获取文本值的元素对象*/ function gbcount(message) { var lenE = message.value.length; //英文字符长度 var lenC = 0; //中文字符长度 var CJK = message.value.match(/[^\x00-\xff]/g); //检测有多少个中文字符 var enter = message.v... 阅读全文
posted @ 2013-09-22 11:25 黑色技术 阅读(403) 评论(0) 推荐(0) 编辑
摘要: 在网上看到很多的幻灯片图片特效,实现大致分两种一:滑动方式二:渐变类方式注意:结构分为:符合结构意义的,如:ul > li 结构,有意义,同时也能实现效果、不存在结构意义的,如:DIV 实现,不存在结构,只为实现效果。但不管哪种结构,原理还是那两种繁衍出来的,也就是对基本进行修改即可做出一款新的效果。没有做不出的效果,只有想不出的效果,大家做特效或看特效的时候,可以进行幻想,想象出更加奇特新意的效果。(有点跑题)对以上模式进行进阶的:无缝滚动、简略图方式,只要把原理掌握,就可以继续对基本框架结构的幻灯片进行修改。滑动方式原理解剖①、通过滚动条来产生滑动效果父框架的宽度比子框架的宽度小,就 阅读全文
posted @ 2013-05-13 19:11 黑色技术 阅读(1097) 评论(0) 推荐(0) 编辑
摘要: 数组一和二的这些数组方法其实都是模拟堆栈的存放和提取功能。一.push()、pop() push和pop在数组的尾部进行操作 push 加入一个或多个元素在数组的尾部,然后返回整个数组长度 pop 删除数组尾部一个元素(其实就类似堆栈的提取),返回的是该 删除的元素 ,不是数组长度例子:<script type="text/javascript"> var a = []; //新建一个数组 //下面开始模拟堆栈存储数据(先进后出) a.push("a"); //向数组添加一个元素a ,会返回一个长度1 a.pop(); //向数组中拿出一个元 阅读全文
posted @ 2013-05-08 16:52 黑色技术 阅读(186) 评论(0) 推荐(0) 编辑
摘要: jQuery mobile说到这个,就是基于jq框架中的几种一个插件,用于开发移动手机的,虽说是用HTML5开发,但实际上用到的都给JQMB封装好了。研究了2天,感觉在手机上的javascript是有点不一样的。下面进行详细讲解。一个手机网页,用到HTML5的元素很少,主要有HTML5声明部分,div做框架,H1~H6做标题,列表OL~UL,A标签,input表单元素,还有一个就是HTML5的新属性data-XXX先看一个简单的手机页面组成部分单页模板<!--HTML5头文件声明--> <!DOCTYPE html> <html> <head> 阅读全文
posted @ 2012-12-15 21:06 黑色技术 阅读(296) 评论(0) 推荐(0) 编辑