第三天

微博案例:

Change事件,只有焦点离开时,文本框才会触发,计算文字的长度;

Span .countTxt是标签类选择器,中间没有空格;

可以使用一个,定时执行来调用change事件,这样就能达到即时改变的效果;

Math.abs()绝对值;

 

要使用html对span进行设置文字;

为广播按钮设定图片;(坐标要加上-负号)

 

No-repeat是图片不重复

Float:right右浮动;text-align:right表示文字靠右;

 

Ul中的符号:去掉符号,边框也变成0

 

为li标签设置:

 

获取某以对象的位置:

Offset().left距离左边的距离;top距离上面的距离

设置层的绝对定位:

 

图片地址中的Alt是当图片不能正常显示的时候,用来替代的内容;

在指定的内容中,搜索:

 

 

为元素绑定事件:

Bind绑定事件,相当于单击后,触发了两件事;

Unbind取消绑定事件;(比较少用)

Hover(进入,离开)用于设置,鼠标的进入和离开的事件;

需要在方法中传一个参数e:

stopPropagation();停止事件冒泡;preventDefault()阻止超链接的实现;

停止超链接的连接

1. 获取鼠标的位置:

2. alert(e.pageX + ',' + e.pageY);

3. Target获取的是原dom对象,需要转换后使用;

4. Which获取按下的按键;

5. keyCode表示的键盘按下的键;

6. Type可以获取当前事件触发的类型;

7.  只触发一次的属性:

 

 

1.Show(时间,function(){显示后执行的方法});显示;

2.Hide(时间,function(){隐藏后要执行的方法})隐藏;

3.Toggle();隐藏和显示之间切换

Cursor:pointer显示鼠标为小手状;

 

Bgsound标签可以设置声音;

图片的绝对定位;

图片的放大效果,要使用到插件;

隐藏样式:

css('display', 'none');

动画方法

慢慢展开div

$('div').slideDown(2000)

慢慢收起div

$('div').slideUp(2000)

展开和收起

$('div').slideToggle(1000)

淡入和淡出

$('div').fadeToggle(150)

淡入

$('div').fadeIn(2000)

淡出

$('div').fadeOut(2000)

淡出0.1,不是淡出完全,数值越小,淡出越多

$('div').fadeTo(2000, 0.1)

 

Animate从起点开始,慢慢移动到指定的位置;可以形成连续的移动效果;

$('img').css('position', 'absolute')

.animate({ 'left': '200px', 'top': '150px'}, 3000)

.animate({ 'left': '+=300px', 'top': '+=300px' }, 3000)

.animate({ 'left': '+=200px', 'top': '-=300px' }, 3000);

缓存中的cookie使用;

可用于记录密码;