- 博客(63)
- 资源 (2)
- 收藏
- 关注
hover bug
伪类bug:[code="java"] .search_rs_lbox a.zone_img { border:1px solid #cbcbcb; float:left; position:relative;}.search_rs_lbox a.zone_img img{width:83px; height:89px; display:block;padding:4px;}...
2010-03-07 18:41:58 121
js继承研究
[code="java"]无标题文档 var temp=function(name){ this.name=name; } temp.prototype.getName=function(){ return this.name; } //继承 temp.prototype.says=function(){// 没...
2010-03-05 00:21:21 95
原创 jQuery一些不错的插件
上传插件;http://www.uploadify.com/表单美化插件 jqTransformhttp://www.dfc-e.com/metiers/multimedia/opensource/jqtransform/
2010-01-24 22:27:01 90
原创 jQuery自定义选择器示例
示例代码:[code="java"] 插件4,between ; (function($){ $.extend($.expr[":"], { ...
2010-01-24 21:54:03 123
原创 一个滑动视频提示小功能
[code="java"] $(function(){ var page = 1; var i = 4; $("span.next"...
2010-01-10 12:17:14 141
原创 超强1000个jquery极品插件
超强1000个jquery极品插件http://hi.baidu.com/phpzhang/blog/item/004294db8d142e6ed1164e1f.htmlhttp://hi.baidu.com/phpzhang/blog/item/3db8f160c84122d78cb10d18.html
2009-10-18 11:06:00 79
原创 长串英文数字强制折行问题
DIV+CSS:长串英文数字强制折行问题在网站实际应用中,经常会遇到英文数字长串后不折行的bug,利用CSS可以解决这个问题。< style type=”text/css”>< !–div {width:300px;word-wrap:break-word;border:1px solid red;}–>< /style>< div>aaaaaa...
2009-10-18 10:11:26 143
jQuery等高插件
[code="java"]$(document).ready(function() { $('#fixem').bind('click',function(){$('.block').equalHeights();}); $('#breakem').bind('click',function(){$('.block').css('height','auto')});});...
2009-10-18 03:59:59 113
图片预加载效果的实现
[code="java"]var img = new Image( ) ;img.src = "http://imghost/big_640_480.jpg" ;img.onload = function( ) { document.getElementById ( 'myImage' ) .src = this.src ;6.} [/code]思路: 大...
2009-09-15 21:00:46 78
原创 popBaseball拖动插件分析
js中call,apply,setCapture,releaseCapture的使用[code="java"]setCapture函数的作用就是将后续的mouse事件都发送给这个对象,releaseCapture就是将鼠标事件还回去,由 document、window、object之类的自行来处理,这样就保证了在拖动的过程中,不会由于经过了其它的元素而受到干扰。另外,还有一个很重 要的...
2009-08-27 22:37:17 237
原创 autoclick: 鼠标在链接上停留2秒后自动打开该链接 (uc.js脚本)
[code="Javascript"]var AutoClick = { TimeoutID: null, ClickTarget : null, mouseover: function(ev) { try { var localName = ev.target.localName; }catch(...
2009-08-25 11:11:05 404
原创 打印局部页面的实现
css实现[code="css"] .Noprint { DISPLAY: none } .PageNext{ PAGE-BREAK-AFTER: always } [/code]第一个在不需要打印的标签上添加(子标签也将不被打印),第二个在需要换行的标签处添加(该标签所表示的内容将在当前打印的一页内)接下来通过调用最基本的js语句window...
2009-08-24 13:51:13 86
原创 脚本化HTTP
[size=large][color=brown]1.html,xml及json的响应[/color][/size]text/xml-----responseXML属性接收到xml文档的一个解析后的表示.这个属性的值是一个DOM Document.JSON以javascript对象和数组直接量的形式来编码数据,叫JSON.[code="java"]HTTP.getR...
2009-08-24 11:42:42 104
原创 何为w3c
W3C:W3C释义 W3C是英文 World Wide Web Consortium 的缩写,中文意思是W3C理事会或万维网联盟。W3C于1994年10月在麻省理工学院计算机科学实验室成立。创建者是万维网的发明者Tim Berners-Lee。 W3C组织是对网络标准制定的一个非赢利组织,像HT...W3C组织:W3C组织是对网络标准制定的一个非赢利组织,W3C是World Wide Web ...
2009-08-21 12:07:32 212
原创 数组元素的操作
还有一种常用的[code="java"]var a = [1,2,3,4,5,6];for(var e in a){alert(e);}[/code]还是依次弹出1至6,for…in是历遍对象(数组是特殊的对象)对象,用在数组上,因为数组没有属性名,所以直接输出值,这结构语句用在对象上,例如下面[code="java"]var a = {x:1,y:2,z:...
2009-08-21 11:46:43 251
原创 在ie6下实现position-fixed的效果
模拟原理:[code="java"] 模拟position:fixed效果的原理div { height:100px; width:100px; overflow:auto; border:1px solid #000;}↑你滚你的,我雷打不动[/code]一种比较好的解决方法:其实最麻烦的还是覆盖滚动条的问题,一...
2009-08-21 10:28:08 157
原创 控制 Flash Player 的 JavaScript 方法一览表【收集纠正】
控制 Flash Player 的 JavaScript 方法一览表【收集纠正】说明: [code="java"]播放动画:Play() 例:(网页中的 Flash id).Play();停止动画:StopPlay()动画是否正在播放:IsPlaying()跳转到某帧:GotoFrame(frame_number)获取动画总帧数:TotalFrames(...
2009-08-14 11:04:33 177
原创 location.hash实现跨域iframe自适应
页面域关系:主页面a.html所属域A:www.taobao.com被iframe的页面b.html所属域B:www.alimama.com,假设地址:http://www.alimama.com/b.html实现效果:A域名下的页面a.html中通过iframe嵌入B域名下的页面b.html,由于b.html的宽度和高度是不可预知而且会变化的,所以需要a.html中的...
2009-08-05 14:11:13 161
原创 图片局部放大
[code="java"] 图片局部放大 body { font-size: 12px; } #origin { float: left; width: 400px;...
2009-06-25 14:48:50 137
原创 jQuery中的事件
[code="java"]jQuery中的事件1、浏览器实现的事件模型DOM Level 0事件处理的实现是将一个handler赋值给元素的属性,如onclick=function(param1, param2){...}。缺点是一个事件只能有一个处理函数,即最后一个被赋值的处理函数,之前的全部被覆盖DOM Level 2事件处理的实现是使用方法addEventLi...
2009-06-25 14:20:43 69
Jquery菜单动画展示
[code="java"] Untitled Document $(document).ready(function(){ $(".conbox h3").toggle(function(){ ...
2009-06-25 10:08:35 116
原创 在jQuery中利用AJAX加载XML数据并解析
1,Content-Type很多时候无法解析就是Content-Type的问题。如果本身就是xml文件,请跳过这一步动态生成的XML一定要将其设置为text/xml,否则默认就是text/html也就是普通的文本了。常见语言的Content-Type设置header("Content-Type:text/xml"); //php response.ContentType="text/xml" ...
2009-06-24 16:42:39 63
原创 【笔记】DIV+CSS命名规则
页头:header登录条:loginBar标志:logo侧栏:sideBar广告:banner导航:nav子导航:subNav菜单:menu子菜单:subMenu搜索:search滚动:scroll页面主体:main内容:content标签页:tab文章列表:list提示信息:msg小技巧:tips栏目标题:title友情链接...
2009-06-24 10:35:23 66
常见网页布局问题大全
让IE6支持PNG透明 *html #image-style {background-image: none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=”filename.png”, sizingMethod=”scale”);}
2009-06-24 10:18:47 103
原创 分享Aptana开发EXTJS和jQuery的插件收藏
分享Aptana开发EXTJS和jQuery的插件收藏 Spket Eclipse插件:它采用.jsb project file 文件并将继承于基类和所有文档的内容嵌入到生成代码提示的Script doc中。1.下载安装包含有Eclipse的Aptana Studio; 2.启动Aptana,然后菜单:Help → Software Updates → Find and Insta...
2009-06-22 15:42:16 100
原创 Web2.0小技巧集合
纯css去除链接虚线[code="java"] .wrap{position:relative;} .btns{zoom:1;} .btns *{outline:0;zoom:1;background:#f2f2f2;} .btns button::-moz-focus-inner{border-color:transpare...
2009-06-18 12:16:07 96
原创 Javascript编写优化细节。
DEMO:var testobj = document.getElementById("test");for(var i=0;i<testobj.childNodes.length;i++){ var oText = testobj.childNodes[i].innerHTML; if(oText==""){ alert("...
2009-06-18 12:01:56 90
原创 浮动闭合检查在线地址
http://www.v-ec.com/nesting/ 最近常听到同事诉苦,几十行几百行DIV标签,不知道哪里有一个没有闭合......还有什么比这样更惨的,大家一起讨论发现貌似最好的办法就是格式化代码结构后进行目测。为了更方便找到可能出错的地方,JSLab实验室写了一个Xhtml代码嵌套查看辅助工具。该工具的使用流程如下:1、复制要检查部分的代码,粘贴到S...
2009-06-17 12:06:55 90
ADS公用库
/** * ADS Library from Advanced DOM Scripting * http://advanceddomscripting.com * * This library is not compressed and is not recommended for production use in * its current state. The code ...
2009-05-26 12:20:24 396
原创 margin的解析逻辑
三、margin的解析逻辑目前我们已经了解到了margin的基本特性和基本写法,但对元素margin的基本解析逻辑还是很模糊,到底margin的top、right、bottom、left都是以什么为基准来促使box model形成。为了形象,易懂的对margin的逻辑进行说明,下面讲解的过程中,将引入W3C上没有的参考线的说法。何谓参考线?参考线就是margin移动的基准点,此基准点相...
2009-05-08 00:56:34 109
原创 margin的解析逻辑
三、margin的解析逻辑目前我们已经了解到了margin的基本特性和基本写法,但对元素margin的基本解析逻辑还是很模糊,到底margin的top、right、bottom、left都是以什么为基准来促使box model形成。为了形象,易懂的对margin的逻辑进行说明,下面讲解的过程中,将引入W3C上没有的参考线的说法。何谓参考线?参考线就是margin移动的基准点,此基准点相...
2009-05-08 00:54:56 158
原创 margin叠加原理以及边界条件浅谈
边界叠加是一个相当简单的概念。但是,在实践中对网页进行布局时,它会造成许多混淆。简单地说,当两个垂直边界相遇时,它们将形成一个边界。这个边界的高度等于两个发生叠加的边界的高度中的较大者。 当一个元素出现在另一个元素上面时,第一个元素的底边界与第二个元素的顶边界发生叠加,见图: 元素的顶边界与前面元素的底边界发生叠加 当一个元素包含在另一个元素中时(假设...
2009-05-08 00:16:24 194
原创 层叠加的五条叠加法则
法则一:同辈元素定位方式相同,且无z-index设置时,html靠后者居上。法则二:同辈元素同为动态定位时,且有z-index设置时,z-index值大者居上。 法则三:同辈元素定位方式不同时,动态定位居上。法则四:非同辈元素,任意一者及其祖元素不具备动态布局时,html靠后者居上。引用:其实前四点都是基础,只有第五点比较难于理解,...
2009-05-05 10:22:08 464
原创 YSlow使用介绍
YSlow是Yahoo开发的一个用于测试分析网站优化的Firefox工具插件,使用时您必须先安装有Firefox。YSlow针对网站速度体验上的优化,将其总结为13条,分别用F到A的指标来对你的网站速度做出评价并给出数据,F代表最差,A代表最好。我们可以通过分析得到的数据对自己的网站和服务器做相应的优化。这只是一样评测分析,改进还是要靠自己,这里要谈的就是实实在在的如何针对每一条进行优...
2009-05-04 17:56:54 119
原创 yslow使用心得
YSlow是yahoo美国开发的一个页面评分插件,非常的棒,从中我们可以看出我们页面上的很多不足,并且可以知道我们改怎么却改进和优化。仔细研究了下YSlow跌评分规则。主要有12条:1. Make fewer HTTP requests 尽可能少的http请求。。我们有141个请求(其中15个JS请求,3个CSS请求,47个CSS background images请求),...
2009-05-04 17:44:35 118
原创 ie and firefox js差异点
尽管 JavaScript 历史上使用冗长而令人生厌的代码块来标的特定浏览器的时期已经结束了,但是偶尔使用一些简单的代码块和对象检测来确保一些代码在用户机器上正常工作依然是必要的。这篇文章中,我会略述一下 Internet Explorer 和 Firefox 在 JavaScript 语法上不同的 7 个方面。1. CSS “float” 属性获取给定对象的特定 CSS 属性的基本语...
2009-05-04 16:38:18 117
原创 IE8 CSS hack
"\9" 例:"margin:0px auto\9;".这里的"\9"可以区别所有IE和FireFox."*" IE6、IE7可以识别.IE8、FireFox不能."_" IE6可以识别"_",IE7、IE8、FireFox不能.
2009-04-23 11:39:41 69
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人