-
input标签与图片按钮水平对齐的解决方法
所属栏目:[创业] 日期:2018-10-07 热度:193
在日常的网页制作当中,我们可能会遇到input标签与图片在同一行的情况,这时候你会发现,无论你的css怎么写都会出现input文本框与图片链接无法在同一水平线上。昨日,烈火小编的朋友就来咨询,说他也遇到了这个问题,并且使用margin、padding等Css语法,都[详细]
-
图片延迟加载处理的实现
所属栏目:[创业] 日期:2018-10-07 热度:102
页面中图片过多能够让图片延迟加载会大大提高页面的加载速度,提高用户可用性。 1、有的页面是页面过长或过宽,可以考虑只加载显示区域附近的图片。 2、图片所在窗口不显示,比如Tab内容切换,内容轮播等也要考虑把没有显示的图片延迟加载 第一种情况推荐[详细]
-
表单中的隐藏域重置
所属栏目:[创业] 日期:2018-10-07 热度:136
在 DOM 中,表单重置非常简单,使用 input type=reset 或者 button type=reset 即可。原生 DOM 也提供了 reset() 方法用于表单重置。 但是在 Firefox / Chrome 浏览器中,如果字段是隐藏域(type=hidden)的话,使用 reset 是无法将字段值还原为初始值的。[详细]
-
如何使用 CSS3 伪类
所属栏目:[创业] 日期:2018-10-07 热度:116
CSS3 是个好东西,但也很容易被她的变形(transform)和动画(其中许多特性因浏览器厂商而异)特性所迷惑,因而忘了那些已经被添加到标准规范中的最为基本的选择器。许多强大的新伪类选择器(最新的 W3C 规范中列出了 16 条)使得我们能够在新的标准范围内[详细]
-
关于CSS Selector的优先级
所属栏目:[创业] 日期:2018-10-07 热度:99
今天在google reader上看到一篇博文,然后在问了组里的几位同事之后才发现自己曾经一直对css selector的理解存在着误区。据说老外的文章中很早就提到了关于css selector是优先级算法,只是到了国内被部分人员翻译之后,误解了其中的含义,导致现在很多人以[详细]
-
CSS自定义滚动条样式
所属栏目:[创业] 日期:2018-10-07 热度:59
相信很多人都遇到过在设计中自定义滚动条样式的情景,之前我都是努力说服设计师接受浏览器自带的滚动条样式,但是这样只能规避还是解决不了问题,最近在项目中遇到了,正好来总结一下。当然,兼容所有浏览器的滚动条样式目前是不存在的。 IE下的滚动条样式[详细]
-
关于 addEventListener 和 handleEvent 方法
所属栏目:[创业] 日期:2018-10-05 热度:86
使用 addEventListener 可以绑定事件,并传入回调函数。 Mozilla 0.9.1 和 Netscape 6.1 之后的版本不但支持传递函数引用,也都允许直接把拥有 handleEvent 方法的对象作为 addEventListener 方法的第二参数。 这在 DOM Level 2 的接口定义中也已经做了说[详细]
-
“已完成,但网页上有错误”的绝对解决方法
所属栏目:[创业] 日期:2018-10-05 热度:121
有时候我们制作的网页会提示:已完成,但网页上有错误的问题,这就是JS脚本问题了,对于一些菜鸟和新手站长来说,解决这些问题简直是天文,因为我们的JS都是四处抄来的,那么如何杜绝这一问题呢?现在来分享一个封杀JS脚本错误的代码。 Copy to Clipboard[详细]
-
万能表单验证插件:Validator.js实例详解
所属栏目:[创业] 日期:2018-10-05 热度:106
副标题#e# 表单的验证一直是网页设计者头痛的问题,表单验证类 Validator就是为解决这个问题而写的,旨在使设计者从纷繁复杂的表单验证中解放出来,把精力集中于网页的设计和功能上的改进上。 Validator是基于 Java Script技术的伪静态类和对象的自定义属性[详细]
-
一道 JavaScript 填空题
所属栏目:[创业] 日期:2018-10-05 热度:187
填空,使后面的 alert(0) 能正确弹出,至少列举两种不同思路。 window.alert = function () {};______;alert(0); 解: 方法一: window.alert = function () {};delete window.alert;alert(0); delete 操作符从入门到精通:https://developer.mozilla.org/[详细]
-
Javascript继承汇总
所属栏目:[创业] 日期:2018-10-05 热度:142
本文是我在看完《 Java script 王者归来》后的整理总结,文章详细章节在 第21章 P537 继承一般要实现以下三层含义: 1)子类实例可以共享父类的方法; 2)子类可以覆盖父类的方法或者扩展新的方法; 3)子类和父类都是子类实例的类型。 一、构造继承法 子类[详细]
-
莫名其妙的 JavaScript 字符串换行
所属栏目:[创业] 日期:2018-10-05 热度:154
今儿个看蓝色理想的帖子,说到一个字符串换行的问题。通常如果在代码中存储 HTML 代码片段,会使用加号连接字符串的做法。 当然这样做会稍微麻烦点,于是有了以下这个生僻的方法: var foo = 'xxx xxx'; alert(foo)结果弹的是: xxxxxx再来加几个空格缩进[详细]
-
Javascript之keyCode键盘键码值表大全查询
所属栏目:[创业] 日期:2018-10-05 热度:152
今天恰巧在学习一篇关于使用空格键打开网页侧边菜单的例子,查了一下烈火网的历史文章,竟然没有键盘键码值表的文章,现在转载一下,方便大家查询。 小提示:ctrl+f可以快速查找。 keycode 0 = keycode 1 = keycode 2 = keycode 3 = keycode 4 = keycode 5[详细]
-
强大的JavaScript表单验证插件
所属栏目:[创业] 日期:2018-10-05 热度:98
创建你自己的 Java Script表单验证插件,可能是一个繁琐的过程,涉及规划,开发和测试。如果没有Javascript必备的知识,可以导致挫折和浪费时间。在这篇文章中,我发现了10个已经取得的JavaScript验证插件,可以节省您的时间!他们很容易申请和设计工作,[详细]
-
JS创建自定义对象的几种常见方式与比较
所属栏目:[创业] 日期:2018-10-05 热度:86
初学 Java Script,正在读 Nicholas C. Zakas 的《JavaScript高级程序设计》,看到了创建对象,简单的对书中内容做了一下总结! Copy to Clipboard 引用的内容:[www.veryhuo.com]!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www[详细]
-
JavaScript模拟3D场景、三维空间的几个效果
所属栏目:[创业] 日期:2018-10-05 热度:114
副标题#e# 这几个demo上星期 平安 夜做的,感觉效果不错,就放在出来,分享给大家。 要在二维空间模拟出三维的效果,就需要把三维的坐标转换成二维坐标。一个最基本依据是:东西越远,看到大小就越小,坐标越往消失点靠拢。 透视公式: scale = fl / (fl +[详细]
-
HTML5网页让所有浏览器都能识别HTML5标签样式
所属栏目:[创业] 日期:2018-10-05 热度:109
如今HTML5愈来愈引发大家的关注了,但目前支持HTML5的浏览器还不是主流,特别是国内用户近50%以上仍旧使用IE6,由于支持HTML5的 IE9 不支持Xp系统安装,这样未来很长一段时间,HTML5的开发者将必须考虑向下兼容的问题。HTML5的标签或CSS选择器兼容性的做法[详细]
-
关于HTML条件注释你可能不知道的一些事儿
所属栏目:[创业] 日期:2018-10-05 热度:175
最近经常看到类似这样的HTML代码片段,很多前端开发人员应该都熟悉: 1 !--[if lt IE 7] html class=ie6 ![endif]--2 !--[if IE 7] html class=ie7 ![endif]--3 !--[if IE 8] html class=ie8 ![endif]--4 !--[if gt IE 8]!-- html !--![endif]-- 这段代码[详细]
-
html5给文本框实现email域名自动完成效果
所属栏目:[创业] 日期:2018-10-05 热度:174
产品反馈用户总是输错email的域名,因此服务器得到的email的地址是错误的。比如,有许多用户总将xxx@qq.com输入成xxx@qq.con。 这让后端很烦恼,因为这个email地址是合法的,但是错误也是那么明显的(常识判断,至于qq.con域名是否存在我也不知道)。 为了解[详细]
-
CSS3转换功能transform主要属性值分析及实现
所属栏目:[创业] 日期:2018-10-05 热度:133
css3的到来,让css技术进一步提高了,以前在css2不能实现的功能,现在都可以实现了,例如: 圆角,文字阴影,透明度,渐变,转换,过渡,动画等等。这些功能使用起来很方便。 今天我想介绍一下转换的用法: transform主要包括以下属性值: rotate(旋转度数)[详细]
-
CSS教程:scrollbar的属性及样式分类
所属栏目:[创业] 日期:2018-10-05 热度:130
1.overflow内容溢出时的设置(设定被设定对象是否显示滚动条) overflow-x水平方向内容溢出时的设置 overflow-y垂直方向内容溢出时的设置 以上三个属性设置的值为visible(默认值)、scroll、hidden、auto。 2.scrollbar-3d-light-color立体滚动条亮边的颜[详细]
-
用CSS画三角形,纯CSS绘制三角形的代码
所属栏目:[创业] 日期:2018-10-05 热度:187
1、新建一个元素,随便什么元素,不过我习惯性的会用块元素来做。如果行内元素就display:block它。 div class=triangle/div 2、把它的宽高设置为height:0px; width:0px; 3、设置边框border属性,用来实现三角形。 首先要了解border具体是怎么样的,我写了[详细]
-
纯CSS3立体提示模块的实现,附源码
所属栏目:[创业] 日期:2018-10-05 热度:93
最近一些日子都在看JS方面的书,写小游戏,好久没写CSS了,昨天看了一个纯CSS3进度条的例子,感觉很有创意,尤其是用background-size来repeat渐变斜线这招,妙不可言。今天再浩方打dota的时候刷不进房间,看到它弹出一个提示框,如下: 发现跟进度条有个共[详细]
-
CSS3 中box-shadow用法
所属栏目:[创业] 日期:2018-10-05 热度:131
box-shadow:阴影水平偏移值(可取正负值); 阴影垂直偏移值(可取正负值);阴影模糊值;阴影颜色; -moz-box-shadow:2px 6px 10px #888888; -webkit-box-shadow:2px 6px 10px #888888; box-shadow:2px 6px 10px #888888; filter: progid:DXImageTransform[详细]
-
使用HTML5/CSS3五步快速制作便签贴特效
所属栏目:[创业] 日期:2018-10-05 热度:154
副标题#e# 本篇文字将展示给你的是,如何利用HTML5/CSS3,仅用5步就可以制作 便签 贴效果的HTML页面,效果图如下: (注: 图里的文字纯属杜撰,搞笑目的,如有雷同,纯属巧合,谢谢! ) 注:该效果可以在 Safari , Chrome , Firefox 和 Opera 在看到效果,I[详细]

浙公网安备 33038102330481号