会员
周边
众包
新闻
博问
闪存
赞助商
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
星鸿
博客园
首页
新随笔
联系
订阅
管理
2019年8月29日
09 - img的图片的加载效果
摘要: 方法一、img标签的src一开始就设置为load图 后面动态修改img的src,即可产生加载中的效果 方法二、设置img的背景图为load图 后面给img的src赋值,遮盖背景 总结 动态生成的img不需要这个效果,那种img标签已存在,动态改变src的可用这个效果. img的onload事件 图片
阅读全文
posted @ 2019-08-29 16:43 星鸿
阅读(378)
评论(0)
推荐(0)
2019年8月28日
08 - 九宫格细线边框
摘要: 需求:一块宽高固定的区域,采用九宫格展示信息,要求有边框1px的细边框 方法一、采用margin-left:-1px;和margin-top:-1px; - 用一个边框覆盖另一个边框,形成1px的边框 方法二、采用伪元素+定位,不占位 如果有更好的办法,欢迎留言
阅读全文
posted @ 2019-08-28 23:33 星鸿
阅读(335)
评论(0)
推荐(0)
2019年8月23日
07 - 页面内锚点的平滑跳转效果
摘要: 参考:https://www.cnblogs.com/wgwyanfs/p/6821813.html
阅读全文
posted @ 2019-08-23 10:28 星鸿
阅读(428)
评论(0)
推荐(0)
2019年8月22日
06 - 获取元素到父元素、窗口的距离
摘要: 一、获取元素到窗口的距离 1.距离顶部,左边的距离,jQuery方法:offset() - 返回或设置匹配元素相对于文档的偏移(位置)。 - 获取:$(selector).offset() 设置:$(selector).offset(value) value比如{top:100,left:0} 2.
阅读全文
posted @ 2019-08-22 23:48 星鸿
阅读(4833)
评论(0)
推荐(0)
2019年8月21日
05 - outerHeight、outerWidth 和 innerWidth、innerHeight 和 width() height()
摘要: 一、jQuery方法 outerWidth() 和 outerHeight() 1.outerWidth() - 方法返回第一个匹配元素的外部宽度。 - 返回第一个匹配元素的外部宽度。该宽度= content + padding + border - 如需包含 margin,使用 outerWidt
阅读全文
posted @ 2019-08-21 23:52 星鸿
阅读(540)
评论(0)
推荐(0)
2019年8月16日
04-城市搜索历史问题(对象数组去重)
摘要: 一、问题 城市搜索历史问题(历史记录保存localStorage) - 用数组包裹城市对象(包含城市id和name),记录5条,不包含重复的城市,并且把最新的放置数组最前面 - 思路:判断是否有历史记录,即数组为空,空直接放入 - 非空,则判断最新城市对象是否已存在数组中,存在则数组去重并移到数组最
阅读全文
posted @ 2019-08-16 23:21 星鸿
阅读(224)
评论(0)
推荐(0)
2019年8月15日
03-JS JQ操作属性
摘要: JS 操作属性 1. 设置,获取,移除 setAttribute() getAttribute() removeAttribute()
阅读全文
posted @ 2019-08-15 12:42 星鸿
阅读(167)
评论(0)
推荐(0)
2019年7月14日
02-jQuery结束each循环、模板字符串、css的@charset
摘要: jQuery的each方法结束循环 控制台打印结果:1 7 2 模板字符串 字符串拼接繁琐,使用模板字符串 更加方便 - 使用反引号(``) - 变量使用:${变量名} - ${}大括号内可以使用JavaScript表达式 参考文章 - https://www.jianshu.com/p/8b263
阅读全文
posted @ 2019-07-14 23:46 星鸿
阅读(871)
评论(0)
推荐(0)
2019年7月10日
01-input属性type
摘要: true && true && false == false与(true && true && false) == false input的type属性 1, type="text"时可用属性 2. type="number" 提示:iPhone 的 Safari 浏览器会识别 number 输入类
阅读全文
posted @ 2019-07-10 23:16 星鸿
阅读(282)
评论(0)
推荐(0)
公告