CSS基础篇--CSS中table tr:nth-child(even)改变tr背景颜色: IE7,8无效

2015-09-14
阅读 1 分钟
6.2k
方法一:例如: {代码...} IE7,8无效,无法识别。 换一种方法:给需要变色的tr加上class {代码...} 方法三:jquery实现 {代码...} 在网上看了看 还有第四种方法: {代码...} 但是实践的时候发现第四种完全没有反应,如果你实践了有效果,请说说其中的原因吧。 第四种方法参考地址: [链接] 如果您觉得本文对您的学习有所...

CSS基础篇--CSS属性disabled和readonly的区别是什么

2015-09-13
阅读 1 分钟
3.3k
这两个属性有类似之处,但是区别也是巨大的,之所以说类似,是因为这两个属性好像都貌似能够将指定的元素设置为"不可用"状态,下面就简单介绍一下它们两个的区别,希望能够给大家带来一定的帮助。

jQ基础篇-- jQuery.extend 函数详解

2015-09-06
阅读 5 分钟
5.5k
它的含义是将src1,src2,src3...合并到dest中,返回值为合并后的dest,由此可以看出该方法合并后,是修改了dest的结构的。如果想要得到合并的结果却又不想修改dest的结构,可以如下使用:

jQ基础篇--jQuery对象与dom对象的区别与相互转换

2015-09-06
阅读 1 分钟
10.3k
就是通过jQuery包装DOM对象后产生的对象。jQuery对象是jQuery独有的,其可以使用jQuery里的方法。例如:$("#test").html() 意思是指:获取ID为test的元素内的html代码。其中html()是jQuery里的方法

CSS基础篇-- :before && :after的用法,伪类和伪元素的区别

2015-09-06
阅读 2 分钟
8.1k
在这里我们给伪元素 :before 添加了属性 content,并赋值为 you before。我们来看效果://在指定元素的内容 me 前添加了新内容 you before

CSS基础篇--强制性换行word-break与word-wrap的使用

2015-09-06
阅读 1 分钟
6.9k
一般情况下,元素拥有默认的white-space:normal(自动换行,不换行是white-space:nowrap),当录入的文字超过定义的宽度后会自动换行,但当录入的数据是一堆没有空格的字符或字母或数字(常规数据应该不会有吧,但有些测试人员是会这样子做的),超过容器宽度时就会把容器撑大,不换行。

CSS进阶篇--设置滚动条样式

2015-09-05
阅读 2 分钟
65.3k
因为在现在的大部分项目中很多都用到了滚动条,有时候用到模拟的滚动条,现在说下滚动条的CSS也能解决。 比如网易邮箱的滚动条样子很好看,就是利用的CSS来设置的,而且是webkit浏览器的。如图所示: 下面就讲解这几个属性怎么使用,代表什么意思。 一:webkit下面的CSS设置滚动条 主要有下面7个属性 ::-webkit-scrollba...

CSS基础篇--CSS3属性选择器与(:not)选择器

2015-09-05
阅读 1 分钟
8.4k
css3的子字符串匹配属性选择器(1)‘匹配开头’的属性选择器依法如下:Element[attribute^="value"],实例代码如下:

CSS基础篇-- position属性讲解

2015-09-03
阅读 5 分钟
6.5k
1. position: static2. position: inherit3. position: relative4. position: absolute5. position: fixed6. position: sticky(new)

CSS进阶篇--CSS实用技巧制作三角形

2015-09-02
阅读 1 分钟
2.2k
实现如图所示的三角形图标: html代码: {代码...} css样式: {代码...} 需要demo猛点该文字,百度云盘下载

jQ进阶篇--地址栏链接与a标签链接匹配

2015-09-02
阅读 1 分钟
2.3k
如题所述,当出现这样的功能,点击某个链接后,给跳转后的该链接地址添加样式,通过添加class为current来增加特殊样式。 如图所示:点击HTML+css3跳转后,给其添加如图样式: jquery代码如下: {代码...} 怎样调用呢?如下jquery调用代码: {代码...} 这样就实现了如图所示的功能。 作者:风雨后见彩虹出处:[链接]如果...

jQ基础篇--$(document).ready()和JavaScript onload事件

2015-09-02
阅读 4 分钟
4.8k
对元素的操作和事件的绑定需要等待一个合适的时机,可以看下面的例子: {代码...}  如果这样,还没有等待元素加载完就绑定事件,   浏览器Console中会报错:  TypeError: document.getElementById(...) is null   更改一下时机,下面三个程序都是可以成功绑定事件的,点击元素之后会弹出相应的alert().   第一种是把事...

jQ实例篇--ajax请求json数据案例

2015-09-02
阅读 4 分钟
3.9k
今天有这样一个需求,点击六个大洲,出现对应的一些请求信息,展示在下面,请求请求过后,第二次点击就无需请求。如图所示:点击北美洲下面出现请求的一些数据

JS进阶篇--swfobject.js视频播放插件

2015-09-02
阅读 1 分钟
4k
在网页中经常会用到视频播放的功能,下面介绍一下swfobject.js的视频播放应用:html代码结构: {代码...} css样式结构: {代码...} js代码: {代码...} 结果实现如图: 需要demo猛点该文字,百度云盘下载

JS进阶篇--JS计算系统当前日期是星期几的几种方法

2015-09-01
阅读 1 分钟
6.9k
方法一: {代码...} 方法二: {代码...} 方法三: {代码...} 方法四: {代码...} 当然这四种方法的完美程度是一目了然的。

web前端研发工程师编程能力飞升之路

2015-09-01
阅读 9 分钟
3.2k
如果你是刚进入web前端研发领域,想试试这潭水有多深,看这篇文章吧;如果你是做了两三年web产品前端研发,迷茫找不着提高之路,看这篇文章吧;如果你是四五年的前端开发高手,没有难题能难得住你的寂寞高手,来看这篇文章吧;

jQ基础篇--jQuery选择器总结

2015-08-31
阅读 4 分钟
2.7k
$("#myELement") 选择id值等于myElement的元素,id值不能重复在文档中只能有一个id值是myElement所以得到的是唯一的元素$("div") 选择所有的div标签元素,返回div元素数组$(".myClass") 选择使用myClass类的css的所有元素$("*") 选择文档中的所有的元素,可以运用多种的选择方式进行联合选择:例如$("#myELement,div,.my...

jQ实例篇--模拟下拉框单选框复选Select,Checkbox,Radio

2015-08-29
阅读 3 分钟
6.1k
在项目中,你会发现设计稿中常常会有单选框,复选框,但都不是系统默认的样式,这就可以用jquery来模拟它们:如图所示,实现它们所需要的代码如下:

CSS实例篇--CSS3实现模拟select 以及其中的三角形

2015-08-28
阅读 2 分钟
6.7k
如图实现这样的效果:html代码如下: {代码...} css样式代码: {代码...} 需要demo猛点该文字,百度云盘下载

网页中插入FLASH(swf文件),并且让Flash不遮挡HTML元素

2015-08-26
阅读 2 分钟
4.6k
当然里面的很多属性可以去掉,根据具体的需求而定。 我们在网页中经常遇到播放flash,要正常播放flash就要用到OBJECT和EMBED这两个标签。鉴于火狐及IE等不同浏览器厂商的不兼容性。播放flash也不相同。 **OBJECT标签:用于windows平台的IE浏览器,利用Activex控件来播放flash。 EMBED标签:用于windows和Macintosh平台下...

JS进阶篇--ckplayer播放器去掉右边的开关灯分享插件

2015-08-25
阅读 1 分钟
5.3k
在上一篇文章中介绍了如何使用ckplayer播放器,但是有的人不需要CK播放器右边的开关灯分享插件,那么就需要把该插件给去掉,方法也很简单。

JS进阶篇--ckplayer.js视频播放插件

2015-08-25
阅读 4 分钟
58.8k
网页中常见的功能就是播放视频,下面介绍的这个ckplayer.js既可以在pc端播放,也可以在手机网页上播放。 可调用flash也可以调用html5播放器: {代码...} CKobject.embed( 'flash播放器文件路径', '容器ID', '播放器的ID', '宽度,可以是百分比', '高度,可以是百分比', 优先调用设置,false=优先调用flash播放器,true=...

JS进阶篇--iscroll.js的使用

2015-08-19
阅读 6 分钟
48.7k
Scroll是一个类,每个需要使用滚动功能的区域均要进行初始化。每个页面上的iScroll实例数目在设备的CPU和内存能承受的范围内是没有限制的。

JS基础篇--JS获取元素的宽高以及offsetTop,offsetLeft等的属性值

2015-06-05
阅读 7 分钟
20.8k
document.documentElement.clientWidth与document.documentElement.clientHeight:获得的是屏幕可视区域的宽高,不包括滚动条与工具条,跟jquery的(window).width()与(window).height()获得的结果是一样的。

JS综合篇--[总结]Web前端常用代码片段整理

2014-12-11
阅读 21 分钟
6.7k
IE中的条件注释(Conditional comments)对IE的版本和IE非IE有优秀的区分能力,是WEB设计中常用的hack方法。 条件注释只能用于IE5以上,IE10以上不支持。

jQ基础篇--jQuery,JS实现验证聚焦,失焦

2014-12-04
阅读 1 分钟
4.4k
遍历该页面中的input框,获取输入框中的val值,当该输入框聚焦的时候跟存放的oldValue值进行比较,如果值相同,就把该值变为空,失焦的时候,把原来存放的值再次赋值到val上,具体代码如下:

jQ基础篇--$.ajax()方法详解及实例

2014-12-04
阅读 4 分钟
4.3k
要求为String类型的参数,请求方式(post或get)默认为get。注意其他http请求方法,例如put和delete也可以使用,但仅部分浏览器支持。3.timeout: 要求为Number类型的参数,设置请求超时时间(毫秒)。此设置将覆盖$.ajaxSetup()方法的全局设置。

JS基础篇--了解JS的clientX、pageX、screenX等方法来获取鼠标坐标详解

2014-12-04
阅读 2 分钟
29.5k
在一些DOM操作中我们经常会跟元素的位置打交道,鼠标交互式一个经常用到的方面,令人失望的是不同的浏览器下会有不同的结果甚至是有的浏览器下没结果,这篇文章就上鼠标点击位置坐标获取做一些简单的总结,没特殊声明代码在IE8,FireFox,Chrome下进行测试兼容

jQ总结篇--[总结]jQuery常用函数方法

2014-12-04
阅读 15 分钟
5k
设置一个延时来推迟执行队列中之后的项目。jQuery 1.4新增。用于将队列中的函数延时执行。他既可以推迟动画队列的执行,也可以用于自定义队列。

《JavaScript高级程序设计》笔记:DOM扩展(十一)

2014-12-04
阅读 2 分钟
9.3k
焦点管理HTML5也添加了辅助管理DOM焦点的功能。首先就是document.activeElement属性,这个属性始终会引用DOM中当前获得了焦点的元素。