摘要: 关于,这个问题呢!一直没有在网上找到一个合适答案(可能这问题比较傻,嘿嘿)。今天把自己常用几种方式说下: 第一种: 比较常见的就是直接把字符串拼接,然后插入到元素中。 第二种: 与第一种大致,先创建对象,然后添加到外层对象中 第三种: 可以用网上mvvm框架,数据绑定比如:angular ,vue等 阅读全文
posted @ 2018-01-08 14:03 circleline 阅读(6921) 评论(0) 推荐(0) 编辑
摘要: 1、在元素上同时绑定 oninput 和onporpertychanger事件 例: ? 1 2 3 4 5 <script type="text/JavaScript"> function aa(e){alert("inputting!!");} </script> <input type="te 阅读全文
posted @ 2018-01-06 12:03 circleline 阅读(502) 评论(0) 推荐(0) 编辑
摘要: 废话不多说先上个效果吧:效果演示 其实是个超级简单的动画,不过看到现在很多的网站在处理菜单栏的时候,一般都是用鼠标移入背景颜色变化或者字体颜色变化来告诉用户他即将访问的页面和当前所在的页面,我自己感觉这个小动画在这里比起那种效果要好看很多,所以也算替自己总结吧,就写下来了。 要用一个比较重要的选择器 阅读全文
posted @ 2018-01-06 12:02 circleline 阅读(1205) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html><html><head><meta http-equiv="Content-Type" Content="text/html; charset=utf-8;"><title>移动端触摸滑动</title><meta name="author" content="rain 阅读全文
posted @ 2017-12-11 15:15 circleline 阅读(1670) 评论(0) 推荐(0) 编辑
摘要: 第一阶段: HTML+CSS: HTML进阶、CSS进阶、div+css布局、HTML+css整站开发、 JavaScript基础: Js基础教程、js内置对象常用方法、常见DOM树操作大全、ECMAscript、DOM、BOM、定时器和焦点图。 JS基本特效: 常见特效、例如:tab、导航、整页滚 阅读全文
posted @ 2017-11-17 16:19 circleline 阅读(384) 评论(0) 推荐(0) 编辑
摘要: 当新闻较多,并且空前有限的时候,使用滚动是一个不错的选择,本章节就通过代码实例介绍一下如何实现此效果。 代码实例如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://w 阅读全文
posted @ 2017-11-06 17:12 circleline 阅读(741) 评论(0) 推荐(0) 编辑
摘要: 很多初学者对于JavaScript中的offset、scroll、client一直弄不明白,虽然网上到处都可以看一张图(图1),但这张图太多太杂,并且由于浏览器差异性,图示也不完全正确。 图一 不知道大家看到这张图的第一感觉如何,反正我的感觉就是“这次第,怎一个乱字了得”。 既然我认为上图太多太乱, 阅读全文
posted @ 2017-11-06 17:11 circleline 阅读(247) 评论(0) 推荐(0) 编辑
摘要: var img_jdsrc= $(this).children("img")[0].src;//获取图片绝对路径 var img_xdsrc=img_jdsrc.substring(img_jdsrc.indexOf("images"));//获取图片相对路径 通过截取绝对地址获得相对地址, (“i 阅读全文
posted @ 2017-11-02 16:03 circleline 阅读(317) 评论(0) 推荐(0) 编辑
摘要: 网页布局(layout)是 CSS 的一个重点应用。 布局的传统解决方案,基于盒状模型,依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便,比如,垂直居中就不容易实现。 2009年,W3C 提出了一种新的方案 Flex 布局,可以简便、完整、响应式 阅读全文
posted @ 2017-11-01 18:22 circleline 阅读(146) 评论(0) 推荐(0) 编辑
摘要: Javascript: 网页可见区域宽: document.body.clientWidth 网页可见区域高: document.body.clientHeight 网页可见区域宽: document.body.offsetWidth (包括边线的宽) 网页可见区域高: document.body. 阅读全文
posted @ 2017-11-01 14:35 circleline 阅读(182) 评论(0) 推荐(0) 编辑