爱前端网
placeholder在不同浏览器下的表现及兼容方法
6爱前端网 - Yang 发布于 2014-11-05
1、什么是placeholder？ placeholder是html5新增的一个属性，当input或者textarea设置了该属性后，该值的内容将作为灰字提示显示在文本框中，当文本框获得焦点（或输入内容）时，提示文字消失。 写法如下： 2、placeholder的浏览器兼容性和在...
阅读(1646)赞 (0)
标签：Input 第3页
231个web前端的javascript特效分享
爱前端网 - Yang 发布于 2014-10-17
精心整理了 站长常用的231个js代码。别说以后找不到哦。快收藏吧：） 1.文本框焦点问题 onBlur:当失去输入焦点后产生该事件 onFocus:当输入获得焦点后，产生该文件 Onchange:当文字值改变时，产生该事件 Onselect:当文字加亮后，产生该文件 <i...
阅读(3464)赞 (0)
10款基于 jQuery & CSS 的web前端的效果插件
10爱前端网 - Yang 发布于 2014-10-03
jQuery 和 CSS 可以说是设计和开发行业的一次革命。这一切如此简单，快捷的一站式服务。jQuery 允许你在你的网页中添加一些真正令人惊叹的东西而不用付出很大的努力，要感谢那些优秀的 jQuery 插件。 所以今天我们将展示一些很酷的文本效果插件，将帮助你为你的 Web ...
阅读(1883)赞 (0)
10款web前端网站的jquery插件的预览及源码
10爱前端网 - Yang 发布于 2014-10-02
1.jquery文本翻转插件Wodry.js Wodry.js 是一个简单的文本翻转/旋转jQuery插件。 Wodry.js动画集合允许你设置动画,设置自己的回调内容翻转等。 在线演示 源码下载 2.轻量级jQuery画廊插件Lighterbox lighterbox是ligh...
阅读(2515)赞 (0)
HTML5表单新增input类型
爱前端网 - Yang 发布于 2014-09-14
在HTML4等早期版本中，input元素已经有了一些type类型，type可取的值有下面这些： text文本类型：<input type=”text”/> password密码类型：<input type=”password&...
阅读(2069)赞 (0)
解决浏览器默认文本域和文本框边框大小问题
爱前端网 - Yang 发布于 2014-09-13
首先，我们了解一下各种浏览器的内核引擎吧 1、Trident: IE系列浏览器 2、Gecko: Firefox 是基于 Gecko 开发 3、WebKit: Safari, Google Chrome,傲游3 基于 Webkit 开发 4、Presto: Opera的内核，但由...
阅读(1842)赞 (0)
web前端中最常用Javascript的61段经典代码
爱前端网 - Yang 发布于 2014-08-22
1. oncontextmenu=”window.event.returnValue=false” 将彻底屏蔽鼠标右键 <table border oncontextmenu=return(false)><td>no</tab...
阅读(2131)赞 (0)
你真的了解margin吗?你知道margin有什么特性吗?
爱前端网 - Yang 发布于 2014-08-20
写css，你少不了与margin打交道。你真的了解margin吗？你知道margin有什么特性吗？你知道什么是垂直外边距合并？margin在块元素、内联元素中的区别？什么时候该用padding而不是margin？你知道负margin吗？你知道负margin在实际工作中的用途吗？常...
阅读(1442)赞 (0)
web前端中HTML的奇葩嵌套规则
1爱前端网 - Yang 发布于 2014-08-19
一、HTML 标签包括 块级元素(block)、内嵌元素（inline） 1、块级元素 一般用来搭建网站架构、布局、承载内容……它包括以下这些标签： address、blockquote、center、dir、div、dl、dt、dd、fieldset、form、h1~h6、hr...
阅读(1751)赞 (0)
10款经典的web前端特效的预览及源码
3爱前端网 - Yang 发布于 2014-08-07
1.CSS3响应式导航菜单 今天我给大家介绍一下如何使用纯CSS来实现的一个响应式导航菜单，我们使用的是HTML5+CSS3技术，当浏览器窗口变小或者使用手机浏览器访问的时候，原本横条菜单会收缩成一个下拉菜单，当鼠标滑向菜单时下拉展示全部菜单。此方法可以应用到有特别多的链接菜单项...
阅读(5560)赞 (1)
web前端网站常用css必备css reset
爱前端网 - Yang 发布于 2014-07-07
在我们写前端页面的时候，很多常用的CSS类都是固定的!但没有一个标准或者大家都按自己的方式去随意的写，这样就每次都重复写一些固定的类! 为此HTML5 Doctor(HTML5医生)为我们总结了一个常用的并符合HTML5标准的Css Reset样式!现在分享给大家! reset....
阅读(1717)赞 (0)
网页中的CSS滤镜使用详解
爱前端网 - Yang 发布于 2014-07-06
css滤镜 Style属性： 可以应用在标签中，更可用广泛应用在<table><tr><td><body> <center><img><input><font><form...
阅读(1694)赞 (0)
又到毕业季：程序员Web面试之JQuery
5爱前端网 - Yang 发布于 2014-07-06
又到了一年一度的毕业季了，青春散场，却等待下一场开幕。 在求职大军中，IT行业的程序员、码农是工科类**的热门选择之一，尤其是近几年Web的如火如荼，更是吸引了成千上万的程序员投身其中追求自己的梦想，这篇文章以Web面试官的经历整理而成，希望能对你有所帮助。 jQuery是什么？...
阅读(1793)赞 (0)
WEB前端中CSS浏览器兼容总结
爱前端网 - Yang 发布于 2014-07-05
div类 1. 居中问题 div里的内容，IE默认为居中，而FF默认为左对齐 可以尝试增加代码margin:auto 2. 高度问题 两上下排列或嵌套的div，上面的div设置高度(height)，如果div里的实际内容大于所设高度，在FF中会出现两个div重叠的现象；但在IE中...
阅读(1757)赞 (0)
WEB前端中Javascript浏览器兼容总结
爱前端网 - Yang 发布于 2014-07-05
1. document.form.item 问题 问题： 代码中存在 document.formName.item(“itemName”) 这样的语句，不能在FF下运行 解决方法： 改用 document.formName.elements[“...
阅读(1708)赞 (0)
WEB前端开发规范文档
爱前端网 - Yang 发布于 2014-07-03
基本准则 符合web标准, 语义化html, 结构表现行为分离, 兼容性优良. 页面性能方面, 代码要求简洁明了有序, 尽可能的减小服务器负载, 保证最快的解析速度. 文件规范 1. html, css, js, images文件均归档至<系统开发规范>约定的目录中;...
阅读(1603)赞 (0)
WEB前端使用图片标签img中alt与title的区别
爱前端网 - Yang 发布于 2014-07-03
alt与title的不同： 1、含义不同 alt是当图片不存在时的替代文字;title是对图片的描述与进一步说明 2、在浏览器中的表现不同 在firefox和ie8中，当鼠标经过图片时title值会显示，而alt的值不会显示;只有在ie6中，当鼠标经过图片时title和alt的值...
阅读(2439)赞 (0)
Web前端代码规范与页面布局
爱前端网 - Yang 发布于 2014-06-30
一、规范目的： 为提高工作效率，便于后台人员添加功能及前端后期优化维护，输出高质量的文档，在网站建设中，使结构更加清晰，代码简明有序，有一个更好的前端架构，有利于SEO优化。 二、规范基本准则： 符合web标准，使用具有语义的标签，使结构、表现、行为分离，兼容性优良，页面性能优化...
阅读(2076)赞 (0)
HTML5 input新增的几种类型（数字、日期、颜色选取、范围）
1爱前端网 - Yang 发布于 2014-06-29
你可能已经听说过，HTML5里引入了几种新的input类型。在HTML5之前，大家熟知的input类型包括：text(输入框)，hidden(隐藏域)，submit(提交按钮)等。而HTML5到来之后，新增的input类型包括：number(数字)，date(日期)，color(...
阅读(2132)赞 (0)