随笔分类 -  前端小技能

摘要:实现点击文字对应的框可以被选中,再点击一下文字框又取消选中 label的for属性与input的id属性值对应,即可实现。 阅读全文
posted @ 2018-11-15 15:04 苏小落 阅读(1434) 评论(0) 推荐(0)
摘要:这两个效果,是有关于外边距合并: 外边距合并: 当两个垂直外边距相遇时,他们将形成一个外边距。合并后的外边距的高度等于两个发生合并的外边距高度中的较大者。 即设置的margin:12px失效了。 下面是这两个效果的代码: 当只是设置margin值时,会出现外边距合并现象。 解决办法: 使用displ 阅读全文
posted @ 2018-11-01 15:56 苏小落 阅读(158) 评论(0) 推荐(0)
摘要:在轮播图中从最后一张图片跳转到第一张的时候,是利用left值来进行显示相应的图片。 若是使用animate来设置,则会使最后一张快速倒回到第一张图片,然后开始播放这样的效果。 可以使用$(selector).css("left",newLeft + 'px');即设置css样式来设置,这样会使最后一 阅读全文
posted @ 2018-10-19 17:44 苏小落 阅读(552) 评论(0) 推荐(0)
摘要:根据标题显示相应的内容,即实现遍历 实现功能: 鼠标经过时,标题可以发生颜色的变化,下面显示的内容变为该标题所对应的内容。 实现代码: 1.HTML: <body> <div class="dl"> <div class="list"> <div class="List active">列表1</d 阅读全文
posted @ 2018-10-16 16:35 苏小落 阅读(139) 评论(0) 推荐(0)