当前位置:首页 > 前端技术

JavaScript 中 if条件判断

1.第一种if条件语句 if(条件){ …… } 2.第二种if条件语句 if(条件){ …… }else{ …… } 3.第三种if条件语句 if(){ …… }else if(条件){ …… }else if(条件){ …… }else if(条件){ …… }else{ …… } 4.布尔值(boolean) 真tru ...

阅读全文
前端技术 1,148 次阅读 抢沙发

JavaScript中属性操作的注意事项

1.JS中不允许出现“-” 例:oP.style.font-size(这个是错误的) 正确写法:font-size应该改成fontSize padding-left应该改成paddingLeft 应该把“-”去掉,然后在“-”后面的第一个字母改成大写即可 2.className 例:oP.class=’red’;是无效的 class 保留字   关键字如:var functionc 所以应当写成className   ...

阅读全文
前端技术 1,006 次阅读 抢沙发

innerHTML 属性

定义: inerHTML是html标签的属性,几乎所有的元素都有innerHTML属性,它是一个字符串,用来设置或获取位于对象起始和结束标签内的HTML。(获取HTML当前标签的起始和结束里的内容,不包括标签本身) 用法: 元素名.innerHTML    (读取元素内的所有HTML内容) 元素名.innerHTML = 新的值    (替换或修改元素内的所有HT ...

阅读全文
前端技术 1,126 次阅读 抢沙发

JavaScript中的HTML属性操作

HTML属性操作:读、写 属性名:比如id=”name”这里的id就是属性名 属性值:id=”name”这里的name就是属性值 属性读操作:获取、找到 元素.属性名 属性写操作:替换、修改 元素.属性名=新的值 字符串连接 innerHTML $P.innerHTML(读取元素内的所有HTML内容) $P.innerHTML=新的值(替换或修改元 ...

阅读全文
前端技术 994 次阅读 抢沙发

JavaScript实现原理

写一个JS效果的步骤: 一、先实现布局 二、实现原理 希望把某个元素移除你的视线 1.display:none;  显示为无 2.visiblility:heidden; 隐藏 3.width/height 4.透明度 5.left/top 6.拿一个白色的DIV盖住它 7.margin负值 …..有 ...

阅读全文
前端技术 1,149 次阅读 抢沙发

CSS的箭头代码

CSS三角形.只使用纯CSS语言,你就能创建兼容各个浏览器的三角形,用很少的代码。 最终效果如下图所示: /* 向上的箭头,类似于A,只有三个边,不能指定上边框 */ div.arrow-up { width: 0; height: 0; border-left: 5px solid transparent; /* 左边框的宽 */ border-right: 5px solid t ...

阅读全文
前端技术 1,617 次阅读 抢沙发

JQuery图片延迟加载插件lazyload.js的使用方法

lazyload.js是一个基于JQuery的插件,可以用来缓冲加载图片。如果一个网页很长并且有很多图片的话,下载图片就需要很多时间,那么就会影响整个网页的加载速度,而这款延迟加载插件,会通过你的滚动情况来加载你需要看的图片,然后它才会从后台请求下载图片,最后显示出来。通过这个插件,可以在需要显示图片的时候,才 ...

阅读全文
前端技术 1,845 次阅读 抢沙发

实现页面跳转的几种方法(meta标签、js实现、php实现)

今天总结了几种页面跳转的方法,分别是用meta标签实现、用javascript实现、用php实现,下面就来分享一下吧。 1、meta标签实现 只需在head里加上下面这一句就行了,在当前页面停留0.1秒后跳转到目标页面 <meta http-equiv="refresh" content="0.1; url=http://jmsbang.com/" /> 2、Javas ...

阅读全文
前端技术 1,703 次阅读 抢沙发

那些年我们一起清除过的浮动

清除浮动banner.jpg

浮动(float),一个我们即爱又恨的属性。爱,因为通过浮动,我们能很方便地布局; 恨,浮动之后遗留下来太多的问题需要解决,特别是IE6-7(以下无特殊说明均指 windows 平台的 IE浏览器)。也许很多人都有这样的疑问,浮动从何而来?我们为何要清除浮动?清除浮动的原理是什么?本文将一步一步地深入剖析其中的奥秘,让浮动使用起来更加得心应手。

阅读全文
前端技术 1,838 次阅读 抢沙发

CSS3网页响应式布局

响应式布局

什么是响应式布局?

也即是响应式Web设计。响应式布局是Ethan Marcotte在2010年5月份提出的一个概念,简而言之,就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。这个概念是为解决移动互联网浏览而诞生的。

响应式布局可以为不同终端的用户提供更加舒适的界面和更好的用户体验,随着现在各种终端的快速发展,做出一些能够适应不同分辨率、不同平台、不同屏幕大小的网页尤为重要,这不仅使得自己的网站适应不同终端的能力更强,同时也为用户带来了良好的体验。而且随着目前大屏幕移动设备的普及,用大势所趋来形容也不为过。随着越来越多的设计师采用这个技术,我们不仅看到很多的创新,还看到了一些成形的模式。

阅读全文
CSS3学习笔记 1,323 次阅读 抢沙发