第三天
微博案例:
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使用;
可用于记录密码;