- 博客(27)
- 收藏
- 关注
原创 jq 自定义动画animate
点击打开链接 .box1{ width: 200px; height: 200px; background: deeppink; } .box2{ width: 200px;
2017-10-25 20:09:53 492
原创 jq 复制
点击打开链接 var input=$('input'); input.on('click',function(){ alert('这属性必须+true才可复制'); }); //浅克隆,只复制标签的属性(行内样式),动态绑定(
2017-10-25 20:04:27 620
原创 jq 表单操作
点击打开链接 复选框 HBuilder新版本 //$(':text')==$('input[type=text]'),此简写只能用于表单 //给input标
2017-10-25 19:55:44 327
原创 jq stop(停止动画)
点击打开链接 $($('.box')[0]).on('mouseover',function(){ $(this).animate({width:600,height:600},5000,function(){ $(this).a
2017-10-25 19:53:50 726
原创 jq 追加节点
点击打开链接 //append 在元素的最后添加一个新的节点 $('ul').append('追加的元素1'); //appendTo 把自身添加到一个父节点中(父节点的最后一个元素) $('追加的元素2')
2017-10-25 19:48:27 847
原创 jq 删除节点
点击打开链接 链接 spanspan //移除该标签的子节点 $('div[class$=1]').empty(); //用空字符串替换该标签内的节点内容 $('div[class$=2]').htm
2017-10-25 19:46:23 1462
原创 jq css属性操作
点击打开链接//设置属性$('#box').css({width:'200px',height:'200px',border:'1px black solid'});//复合属性 //获取属性var boxstyle=$('#box').css('background');//alert(boxstyle); //添加div的移入事件
2017-10-25 10:30:40 584
原创 jq 多种过滤器
简单过过滤器点击打开链接//:odd 选择奇数行$('ul li:odd').css('background-color','cadetblue');//:even 选择偶数行$('ul li:even').css('background-color','bisque');//:first 只选择第一行$('ul li:first').css('border'
2017-10-24 15:12:56 534
原创 设置属性框架(结合定时器)
function getstyle(obj,name){//本函数的作用:获取值,代替offset家族if(obj.currentStyle){return obj.currentStyle[name];}else{return getComputedStyle(obj,false)[name];}}function move(obj,o,refn){//obj
2017-10-21 11:00:07 157
原创 缓冲运动(变速)
点击打开链接*{padding: 0;margin: 0;}#box{width: 200px;height: 400px;background: darkcyan;position: absolute;left: -200px;}window.onload=function(){var obtn=document
2017-10-17 09:13:31 213
原创 鼠标经过移出盒子(分享栏)
window.onload=function(){var obox=document.getElementById('box'); var timer=null; function move(target,speed){ //
2017-10-16 19:04:33 408
原创 盒子的运动(配合定时器)
点击打开链接window.onload=function(){ var obox=document.getElementById('box'); var obtn=document.getElementById('btn'); var timer=null;//定时器的变量,存储空间,条件
2017-10-16 19:02:38 419
原创 成绩表成绩排序
点击打开链接//排序(4步) //1.创建空数组,存储伪数组的空间,变成真数组 var arr=[]; //2.赋值,把伪数组中所有对象赋值给真空数组 arr[i]=lrows[i];
2017-10-16 18:56:13 433
原创 伪数组排序(例:li标签)
点击打开链接 window.onload=function(){ var lbox=document.getElementById('box'); var lli=lbox.getElementsByTagName('li');//伪数组(li标签)不能直接排序,将其转换成数组再排序。
2017-10-16 18:31:34 372
原创 !找出重复次数最多的字符
var str='sajbfkcjsbdfvbsakjdgbmjb';var o={ };for(var i=0;i//遍历字符串var sub=str.charAt(i);if(o[sub]){//判断是否存在该字符o[sub]++;}else{o[sub]=1;}}var max=0;//次数初始值为0var maxchar=null;//最多次
2017-10-12 09:52:27 444
原创 !驼峰命名法(首字母大写)
var str='border-bottom-color';function txt(){var arr=str.split('-');//将连接符号去除var ss=' ';for(i=0;iarr[i]=arr[i][0].toUpperCase()+arr.substring(1);//substring(1);除开第一个字符ss+=arr[i];}a
2017-10-12 09:00:19 3489
原创 系统时间的获取
当前标准时间:var datime=new Date();当前小时:var ho=datime.getHours();当前分钟:var min=datime.getMinutes();当前秒:var sec=datime.getSeconds();星期的某一天的数字:var day=datime.getDay();
2017-10-12 08:52:24 173
原创 setInterval setTimeout(定时器)
setInterval:间隔设定时间循环显示setInterval(函数名,间隔时间);function active(){alert('美女');}setInterval(active,5000);setTimeout:延时显示,不循环setTimeout(函数名,间隔时间);function active(){alert('你今天真好看!');
2017-10-12 08:38:48 129
原创 数组方法
设置宽度:box.style.width="200px";获取宽度:alert(box.offsetWidth);获取高度:alert(box.offsetheight);错误的获取宽度:alert(box.style.width);//不能直接获取到行间样式
2017-10-10 09:30:21 105
原创 js基础
预加载:window.onload=function(){}循环、遍历(目的是让每个标签都被赋予鼠标事件):for ( var i=0;i}赋予下标的值给内容:oP[this.index].style.display='block'; 通常前面加 oTitle[i].index=i;在事件里的for循环index不能用this.数组:va
2017-10-09 19:06:04 118
原创 WEB0914-0915
float:浮动(使用float的元素脱离标准流,因此不占空间。使用了float的元素影响后面的元素,不影响前面的元素。)清除浮动:合并表格边框:border-collapse:collapse;使用伪元素清除浮动:行高与文本属性的关系:隐藏块:display(不占空间)和visibility(占空间)文字对齐图片
2017-09-17 08:58:13 134
原创 WEB0911-0913
常用的表单元素:optgroup用于分组,可实现选择分组功能。 天河 白云 荔湾 番禺 南沙 市桥 output:放在表单内使用,值改变时发生事件 度量器(两种): 选择器的分类:首行缩进:text-indent(em;px)text
2017-09-17 07:46:01 278
原创 WEB第一天
了解站点的定义:站点即网络上的地址,类似于现实中的地址,只不过此站点是数字化、虚拟的。HTML是超文本标记语言,相当于一个框架,用于放置等标签,从而设置网页的样式以及内容。HTML一个最大的特点是可以包含图片、音乐、链接、视频等非文字元素,给用户更生动易懂的体验。 HTML文件包含两个标签:与 包括看得到和看不到的内容,例如跨页面链接link、外联样式表等。内的所有内容都能在页面中看到,各种元
2017-09-08 19:25:58 224 1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人