网站前段
关注
分享
扫一扫
onlyoneLIJINGYI
这个作者很懒，什么都没留下…
展开
-
CSS选择器的分组和嵌套
@CSS 选择器的分组和嵌套CSS选择器的分组和嵌套1.对任意多个选择器进行分组时，选择器间用逗号隔开，如：h1,h2,p { color:green; }2.嵌套选择器适用于选择器内部的选择器的样式。如：.marked{ background-color:red;}.marked p{ color:white;}<div class="marked"&g...原创 2019-03-04 16:16:28 · 539 阅读 · 0 评论 -
关于table子节点
使用JS对table的每行数据进行删除操作时发现了一些问题：通常table 的格式是:<table><tr><td></td></tr></table>但是在浏览器上查看元素时发现table下面还有一个tbody元素，所以想要通过table获取它的子节点从而进行删除那就不对了。<!-- 练习 删除前进...原创 2019-03-31 15:33:21 · 710 阅读 · 0 评论 -
javascript执行顺序导致页面加载效果失败的问题
练习用JS动态创建表格放入指定的div中时，表格始终出不来，最后发现是因为js 代码在页面还没有加载完成时函数代码块就已经运行了，所以创建的table元素找不到指定的div。显示失败的代码如下：<script type="text/javascript">var arr=[['id','名称','血量','伤害'],['1','gareen','340','58'],['2','...原创 2019-03-31 18:36:21 · 340 阅读 · 0 评论 -
数组排序并去掉重复数据问题
要求：自定义一个函数，对数组进行排序，要求排序后数组中无重复数据思路：先将数组x排序将数组x第一位数据提出赋值给变量value将value值放入新的数组z中用value与数组x后面的数据进行比较，有相等的就取出删掉不相等就取出数组x第一位的值更新给value，并继续添加到数组e中直到数组x值判断完，即数组长度为0。<!DOCTYPE html><html>...原创 2019-03-28 17:17:50 · 1554 阅读 · 0 评论 -
jQuery添加元素 append 和after方法的区别
jQuery append() 方法在被选元素（内部）的结尾插入内容。jQuery prepend() 方法在被选元素（内部）的开头插入内容。jQuery after() 方法在被选元素之后插入内容。jQuery before() 方法在被选元素之前插入内容。举例说明：当向div元素添加一个p元素时，使用append()方法即在div元素内部添加了一个子元素位于它的尾部。而使用afte...原创 2019-04-02 17:56:10 · 564 阅读 · 0 评论 -
浮动塌陷问题 清除浮动的常见方法
浮动元素不占据正常文档流，而我们一般布局时不会给父元素设定高度，因为会随着内容自动增高。浮动塌陷问题类似如下：下面两部分产品图在同一个父元素中，图片使用float：left浮动排列，当我要给父元素设置浅蓝色背景时，由于父元素没有设置高度，而潮店酷玩文字下面的图片因为浮动脱离了父元素，没有被包含进去，因此背景颜色没有完全涵盖住这些图片。解决办法：1.在父元素的最后添加一个子元素设置清除浮动...原创 2019-04-15 18:28:20 · 834 阅读 · 0 评论 -
jQuery实现天猫商品放大镜效果
思路：1、分四部分：产品主图，用来定位的小框，放大图，和产品不同侧面的小图2、定位的小框定位在产品主图元素上，放大图定位在右侧，当鼠标进入产品主图时小框和放大图显示出来。3、放大图元素大小应与产品主图大小一样，设置放大图图片大小为主图大小的放大倍数，小框跟随鼠标移动，小框偏移地址多少，放大图偏移地址应是其负数，只显示小框区域的图片。4、使小框跟随鼠标移动而移动，即获取鼠标当前位置，计算小框...原创 2019-05-11 15:26:11 · 760 阅读 · 0 评论 -
改变checkbox在网页中的默认样式
/* 改变复选框的默认样式 /input[type=checkbox]{width:15px;height:15px;-webkit-appearance:none;background-color:#fff;border: 1px solid #c9c9c9;border-radius: 2px;outline: none;}/ 复选框被选中的样式*/input[type=...原创 2019-05-21 18:20:55 · 247 阅读 · 0 评论 -
可调节大小的面板
代码如下：需要在熟练，代码可以进行简化。把控制条的颜色去掉就可以了。<!-- 可调节大小面板 -->.panel{position:relative;left:100px;width:300px;height:200px;border:1px solid #ccc;}.title{background-color:#eee;text-align:center;...原创 2019-05-23 14:20:55 · 432 阅读 · 0 评论 -
js jQuery 判断复选框选中状态的方法总结
JS方法：box.checked==true，即当前复选框为选中状态。jQuery方法：第一种方法： $("#test1").prop(“checked”);第二种方法： $("#test1").is(":checked");选中状态为true,未选中状态都是false。练习 全选反选 案例<input type="checkbox" onclick="selectAll(thi...原创 2019-05-23 16:21:25 · 3303 阅读 · 0 评论 -
css bottom属性 使元素位置相对固定
bottom 属性规定元素的底部边缘。该属性定义了定位元素下外边距边界与其包含块下边界之间的偏移。简单来说 bottom:5px;就是对一个元素进行定位，它的位置参照的谁让这个元素距离参照物底部5px的距离保持不变，参照物变大变小都不会影响它的相对位置。示例：<style> #div1 { position: relative; ...原创 2019-03-23 15:46:22 · 2352 阅读 · 0 评论 -
display:inline-block
内联元素是不换行，不能指定大小块级是能指定大小，但是会换行有时候，需要元素处于同一行，同时还能指定大小，这个时候，就需要用到内联-块级 inline-block。感觉菜单和导航栏用到的地方挺多，之前一直不太明白这个样式的用法，这次终于理解了。从how2j网站学习搬运过来的，方便自己理解，做个学习笔记。display章节地址：http://how2j.cn/k/css2/css2-dis...原创 2019-03-23 10:51:06 · 283 阅读 · 0 评论 -
CSS overflow属性：内容溢出元素框时发生的事情
overflow 属性规定当内容溢出元素框时发生的事情。值描述visible默认值。内容不会被修剪，会呈现在元素框之外。hidden内容会被修剪，并且其余内容是不可见的。scroll内容会被修剪，但是浏览器会显示滚动条以便查看其余的内容。auto如果内容被修剪，则浏览器会显示滚动条以便查看其余的内容。inherit规定应该从父元素继承 ove...原创 2019-03-04 19:11:13 · 1704 阅读 · 0 评论 -
CSS页面布局 clear属性的应用
页面布局需要注意每个元素区域所占大小，width 和 height 指的是内容区域的宽度和高度。元素框的实际大小应为width+两个内边距+两个border宽度+两个外边距。clear 属性规定元素的哪一侧不允许其他浮动元素。下图中页面布局遇到的问题是让蓝色区域的内容放置到黄色版块的下方。此时没有添加clear:left。添加之后效果如下图，具体代码附在最后：&lt;html&gt;...原创 2019-03-04 20:24:04 · 393 阅读 · 0 评论 -
javascript 将句子中单词首字母大写
确保字符串的每个单词首字母都大写，其余部分小写。思路如下：1.将句子当中的所有的字母都转化成小写2.将句子分割每个单词放入数组中3.将数组中的每个单词首字母替换成大写4.将数组中每个单词连接成一个字符串的句子用到的方法有toLowerCase(); split(); toUpperCase()； replace(); join();注意：这几个方法都是针对字符串的方法，toLower...原创 2019-03-16 19:34:44 · 1114 阅读 · 0 评论 -
JavaScript猴子吃香蕉，分割数组问题
问题描述：把一个数组arr按照指定的数组大小size分割成若干个数组块。例如:chunk([1,2,3,4],2)=[[1,2],[3,4]];chunk([1,2,3,4,5],2)=[[1,2],[3,4],[5]];用到的方法：Array.push()；Array.slice()**思路：**用slice()方法将数组分割，将分割出来的元素添加到新的数组当中。注意： push()...原创 2019-03-17 11:25:05 · 258 阅读 · 0 评论 -
Falsy Bouncer 过滤数组假值 Array.filter()方法
删除数组中的所有假值。在JavaScript中，假值有false、null、0、""、undefined 和 NaN。解决思路： 使用Boolean()方法将假值返回false，使用filter()方法将假值过滤掉。filter() 方法创建一个新的数组，新数组中的元素是通过检查指定数组中符合条件的所有元素。注意： filter() 不会对空数组进行检测。注意： filter() 不会...原创 2019-03-17 15:49:20 · 225 阅读 · 0 评论 -
图片水平居中的简单方法
标签是没有水平居中的属性的，一般放在div中布局。一下两种方法效果一样。1.< div align=“center” >直接在div或其他标签元素中添加即可。2.< div style=“text-align:center”>一般放在外边CSS中使用....原创 2019-03-21 17:27:33 · 275 阅读 · 0 评论 -
<span>标签 外边距
像span这样的内联元素，默认情况下，只有左右外边距，没有上下外边距。 为了观察上下外边距的效果，可以采用块级元素，比如div.给span元素加上下外边距是没有效果的。如下图：采用块级元素对span添加上边距样式：<style>.red{ border:1px solid red; background-color:green;}.margin{ bo...原创 2019-03-22 16:28:40 · 3249 阅读 · 0 评论 -
js判断输入的数据是否为整数的简便方法
从输入框中获取的数据是字符串，应使用parseInt方法转换成整型，如果数据本身是整型转换后结果应相等，而不是整型的数据转换后结果不相等，这样判断比较容易，代码简单。==注意 == 举例：1.23转换为整型为1，混合型如243ljy转换为整型是243前后结果不一致，所以这样判断比较简单，浮点数也直接排除了。...原创 2019-03-29 20:35:20 · 928 阅读 · 0 评论 -
css绝对定位positon:absolute
position 属性规定元素的定位类型。默认情况下是static类型的，即没有定位，元素出现在正常的流中（忽略 top, bottom, left, right 或者 z-index 声明）。默认情况下：<body><p >正常文字1</p><p >正常文字2</p><p >文字3</p><p...原创 2019-03-22 21:39:20 · 256 阅读 · 0 评论 -
父页面监听iframe嵌套子页面的点击事件
在父页面中嵌入子页面原创 2019-06-20 10:24:28 · 13243 阅读 · 0 评论