- 博客(323)
- 问答 (1)
- 收藏
- 关注
原创 按点击次数依次触发相应函数
2. toggle( fn, fn2, fn3,fn4,... )toggle函数可以为对象添加click事件绑定函数, 但是设置每次点击后依次的调用函数。如果点击了一个匹配的元素,则触发指定的第一个函数,当再次点击同一元素时,则触发指定的第二个函数,如果有更多函数,则再次触发,直到最后一个。随后的每次点击都重复对这几个函数的轮番调用。可以使用unbind("click")来删除...
2013-10-25 10:53:54 367
原创 经典的Jquery的Hover事件,注意与JS的mouseover和mouseout函数的区别。
1. hover( over, out ) hover函数主要解决在原始javascript中mouseover和mouseout函数存在的问题, 看下面这个示例:有两个div(红色区域), 里面分别嵌套了一个div(黄色区域). HTML代码如下: <div class="outer" id="outer1"> Outer 1 &l...
2013-10-25 10:49:26 407
原创 Jquery零碎代码收藏
[list][*][/list]toggleClass( class ) 如果存在(不存在)就删除(添加)一个类。 为匹配的元素切换 'selected' 类: $("p").toggleClass("selected");[list][*][/list]虽然我们可以使用 removeAttr( name ) 删除元素属性, 但是对应的DOM属性是不会被删除的,...
2013-10-25 10:15:25 118
原创 10款jquery弹出层 动画效果应有尽有
10款jquery弹出层 动画效果应有尽有http://bbs.blueidea.com/forum.php?mod=viewthread&tid=3068083
2012-10-15 15:38:08 133
原创 还需要学习的十二种CSS选择器
在前面的文章中,我们在大前端介绍了《五种必须知道的CSS选择器》,现在向大家介绍,还需要学习的另外十二种CSS选择器。如果你还没有用过,就好好学习一下,如果你已经熟知了就当是温习。一、X:link X:visited X:hover X:active 伪类 a:link { color: red; } a:visted { color: purple; }...
2012-10-11 15:29:26 90
原创 css设置最小高度 然后自适应
有人问到用css设置某个div最小height,然后再自适应height,这里有个不错的解决办法。看代码先:min-height:400px; //(解决ie8.9.ff.chrome)*+height:100%; //(解决ie7)_height:400px; //(解决ie6) ie6超出自动溢出代码都有注释,只为了大家能看的更清晰更明白,因为有写同学...
2012-10-11 14:55:51 649
原创 实现多行链接文本智能换行
上图代码:li { display: inline } a { padding: 0 1.2em }案例分析:上图采用了大家常用的列表来排版文本。只需要把 li 的显示属性设为行内,就可以达到自动换行。但是这样会有一点小瑕疵。不知大家注意到没,本来标签a有左右padding,第二行确是顶头显示。由于这是一个链接被分行了,显示并没错,但显示效果并不够完美。 继续...
2012-09-29 10:35:57 381
原创 Div+Css网页布局常见问题整理
1、拖动滚动条时边框IE时隐时现,办法:在边框的div中加overflow:hidden; height:100%(IE6.0)2、li里直接使用img,底部多出几像素,办法:在img中加display:block 3、div浮动左(下)面多出几像素,办法:浮动中加:display:inline(IE6的BUG,margin在碰到float时会距离会加倍,也在浮动元素中加dis...
2012-09-29 10:25:26 160
原创 WEB前端工程师:我们是工程师中的设计师,是设计师中的工程师
这篇文章是在Chinaz上看到的,是一个叫黄锦诚的前端工程师哥们写的,感觉文章中关于对WEB前端工程师职位介绍的描述比较准确,所以转发过来和大家分享下。在网站的发展史上,初期的网站建设根本不需要网页重构这个职位,WEB1.0时代的网页,只需要程序员,一堆堆的表格嵌套就完成,或者美工进行配合完成,先由美工负责设计好,再用一些自动化的软件拉伸几下,直接将设计好的图就可以通过软件输出表格...
2012-09-27 10:38:23 173
原创 让所有浏览器都支持max-height的CSS样式代码
让所有浏览器都支持max-height的CSS样式代码,完整:max-height:1000px;_height:expression((document.documentElement.clientHeight||document.body.clientHeight)
2012-09-11 11:38:49 202
原创 一步步构建大型网站架构
一步步构建大型网站架构,很不错的讲网站架构及如何从一个小网站发展壮大为一个分布式大型网站。http://www.itivy.com/ivy/archive/2011/4/28/634395931511515337.html...
2012-09-06 10:02:41 104
原创 导航菜单更灵活一例
#Navigator { list-style:none; font-family:Verdana, Geneva, sans-serif; font-size:11px; border-bottom:1px solid blue; height:1%; overflow:auto; //结合Height实现清浮动}#Navigator li { display...
2012-07-26 11:47:46 85
原创 解决自定义方法或其他类库与jQuery的冲突
解决自定义方法或其他类库与jQuery的冲突很多时候我们自己定义了$(id)方法来获取一个元素,或者其他的一些js类库如prototype也都定义了$方法,如果同时把这些内容放在一起就会引起变量方法定义冲突,Jquery对此专门提供了方法用于解决此问题。使用jquery中的jQuery.noConflict();方法即可把变量$的控制权让渡给第一个实现它的那个库或之前自定义的$方法。之后应...
2012-06-07 17:31:24 84
原创 运维笔记一
将新硬件上线到生产环境的过程不应该超过15分钟,而且这个过程必须足够简单。否则,当一个服务器出现故障,而没有人知道如何更换它的时候,你就该倒霉了。...
2012-05-09 11:09:49 102
原创 运维工程师需要什么技能?
1.IDC机房Linux业务服务器的配置,维护,监控,调优,故障排除等;2. 大用户量下高性能服务器系统部署方案的制定及实施;3. 保障服务器与数据库安全,检查并消除安全漏洞;4. 数据备份、数据监控、应急响应、故障排除、编写数据分析报告等;5.精通Linux系统及常见服务的安装配置,熟悉常见的负载均衡实现方案并有实际实施经验;6. 精通Linux系统如Redhat、Gento...
2012-05-08 15:13:26 627
原创 HTML5从入门到精通之required属性
required 属性required 属性规定必须在提交之前填写输入域(不能为空)。注释:required 属性适用于以下类型的 <input> 标签:text, search, url, telephone, email, password,date pickers, number, checkbox, radio 以及 file。实例Name: <inp...
2012-04-13 17:24:56 202
原创 Form控件的Action与Submit提交
示例:<form action="FormTag.htm" method="get">Points: <input type="number" name="points" min="1" max="10" /><br />E-mail: <input type="emai
2012-04-13 14:27:51 236
原创 HTML5从入门到精通之HTML 5 正在改变 Web
HTML5 是近十年来 Web 标准最巨大的飞跃。和以前的版本不同,HTML 5 并非仅仅用来表示Web 内容,它的使命是将 Web 带入一个成熟的应用平台,在这个平台上,视频,音频,图象,动画,以及同电脑的交互都被标准化。尽管 HTML 5 的实现还有很长的路要走,但 HTML 5 正在改变 Web。...
2012-04-13 11:22:00 87
原创 HTML5从入门到精通之应该关注的标签
Html5新增的标签:Video:视频Audio:音频Canvas:画布,图形 Html5新标准适用了一些全新的表单输入对象,包括日期,URL,Email 地址。并追加了本地数据库等Web 应用的功能。新的表单控件,比如 calendar、date、time、email、url、search。 <bdo> 定义文本显示的方向。<code>...
2012-04-13 10:57:54 111
原创 Css之属生选择器
<a href="#" title="我有title属性">第一个链接</a><a href="#">第二个链接</a> 样式: a[title]{color:Red;} a[title]:hover{ background-color:#CCC;}这样可实现对a标签中带Title属性的单独设置样
2012-04-11 15:18:19 68
原创 Css之子选择器和同胞选择器
一,子选择器<ul id="nav"><li>A</li><li><ul><li>AA</li><li>BB</li><li>CC</li>&l
2012-04-11 14:58:30 129
原创 关于Html标签的更合适的选择
如图: 外部窗器显然可以用Div。右侧图片当然是用Img。左侧的标题和描述其实有很多种选择:第一种:H1和P,外层可能还要包一个Div。第二种:Ul里加两个LI。第三种:<dl><dt>标题</dt><dd>描述</dd></dl>。哪一种更好呢,从语议和结构上是不是第三种更佳。 ...
2012-04-10 11:07:59 84
原创 单行文本中大文字简直居中
<p>Apples are <span style=" font-size:36px; color:Red;">GOOD</span> for you!</p> 效果图: 利用Position:relative实现文字简直居中。 <p>Apples are <span style=" font-
2012-04-09 15:19:14 67
原创 用Css中的Type选择器区分各Input控件
如:<style type="css/text"> input[type="text"]{width:200px;}input[type="password"]{width:160px;}input[type="radio"]{width:80px;}input[type="checkbox"]{width:300
2012-04-06 11:04:48 262
原创 Web3.0--互联网成了你的私人助理!
Web3.0--互联网成了你的私人助理!Web3.0会记录你的上网历史记录,并作为以后智能分析的数据。也就是你越使用网络,网络就对你越了解。有一天,你在网上说:我中午吃什么?网络就自动分析匹配你的历史饮食数据得出你中午想吃什么?是不是很神奇?这就是下一代互联网会带给我我们的。 那是否意味着,人类没有了任何隐私?这是个问题。。。。。。。。。。。。。。。。...
2012-04-05 16:52:23 116
原创 简洁是一种思想,我们需要从更高的层次去理解它。
简洁是一种思想,我们需要从更高的层次去理解它,不求最多,但求最好。前端开发很适合使用敏捷开发中的一些实践,敏捷开民提倡迭代,前端开发更是一种迭代,不可能一步到位,需要持续的改进。精简设计。...
2012-04-05 14:59:26 69
空空如也
为什么IE不能只有一个版本?
2012-03-06
TA创建的收藏夹 TA关注的收藏夹
TA关注的人