11 2016 档案

parentNode和offsetParent的区别，仅仅只是定位相对不一样么
摘要：记得第一次遇到offsetParent的时候，是使用offset_left来计算到左边边界的距离，那个时候，两个元素计算到的距离差异太大，于是我就打印他们的offsetParent来测试，到看到他们的offsetParent的时候我是想破乳头也想不出为什么会这样，而网上的帖子也只是说了offsetP 阅读全文
posted @ 2016-11-18 10:59 顺德托马斯 阅读(434) 评论(0) 推荐(0)
ckeckbox的默认样式，label for添加toggle后失效，美化checkbox
摘要：首先要来吐槽一下火狐浏览器，缓存还是记住的checkbox的状态怎么样的。反正我先打开网页，再修改checkbox，添加一个checked true，默认选中，刷新火狐的页面，竟然没有效果，用其他浏览器测试都有效果。。。。火狐要关闭当前网页，再打开才行，坑。。。。。我测试在其他浏览器中修改check 阅读全文
posted @ 2016-11-16 11:44 顺德托马斯 阅读(488) 评论(0) 推荐(0)
当stop()遇到animate()的回调函数
摘要：animate()方法是jquery中自定义动画的方法，是js动画。在animate()方法里，可以有一个回调函数，这个回调函数在动画执行完之后执行。 而stop()方法是停止当前元素的当前动画队列里面的动画，举个栗子： 在这里，如果是最后一张我，再点击的时候，就stop();可以看到效果如下： 可 阅读全文
posted @ 2016-11-15 17:54 顺德托马斯 阅读(1320) 评论(0) 推荐(0)
有联系的标识变量的变化一定要同步
摘要：在说这两个之前先说一个在做轮播图时，逻辑处理的一个思路的错误。在做轮播图中，我又两个变量来记录轮播图的变化的情况的，一个是img_index,用来记录当前的图片，一个是left_index,用来记录向左偏移的距离，如图： 我在最后一张，和第一张之间的跳转有一个过渡，实现的思路就是前后两端，各插入后前 阅读全文
posted @ 2016-11-15 17:08 顺德托马斯 阅读(218) 评论(0) 推荐(0)
当relative遇上z-index，半透明度不阻断事件捕获
摘要：今天在做页面的时候，遇到一个li点点击事件无法触发的问题，在一步步console，发现添加事件的代码正确运行，切打印添加事件的对象没有错之后， 我就检查是否有透明的元素遮住了它，发现也并没有啊。于是我给li加上cursor: pointer; 惊悚地发现鼠标移上去的确不变手。然后我又惊悚地发现，我在 阅读全文
posted @ 2016-11-14 15:55 顺德托马斯 阅读(1465) 评论(0) 推荐(1)
i标签默认斜体，font-style
摘要：今天在做一个图集的时候，有一个上一张和下一张的点击按钮的小图标，效果如下： 这两张图片的尖括号是用<>这两个字符来实现的（这个是网易新闻的）。当时我就欣喜若狂了，这两个箭头用图标的话，多浪费啊。 于是乎我也用符号来实现，结果我是这样的： 我去，这理想与现实的差距也太大了吧，我这身子骨受不了啊。 于是 阅读全文
posted @ 2016-11-13 21:16 顺德托马斯 阅读(2082) 评论(0) 推荐(0)
textarear中的value....还是...innertext
摘要：今天做页面中有文本框和textarear的输入提示，刚开始想使用placeholder，然后兼容性就gg了....... 于是呢就是用value+js的foucus和blur吧，勉强实现提示的效果，然后发现其中的textarear,中的提示文字不显示..... 于是乎百度之，有人说textarear 阅读全文
posted @ 2016-11-10 18:01 顺德托马斯 阅读(4840) 评论(0) 推荐(0)
清除浮动的元素的margin-top触碰不到，浮动元素的边界
摘要：在做项目遇到一个margin-top无效的现象，就是清除浮动的元素，的margin-top碰不到浮动元素的border（或者说不把浮动元素的border，当border）。 以下是各大主流浏览器中的表现： 然后发现ie7的表现不一样（它的可以触碰到浮动元素的边界）： 会不会是因为，浮动元素没有高度所 阅读全文
posted @ 2016-11-10 10:31 顺德托马斯 阅读(1096) 评论(0) 推荐(0)