- 博客(20)
- 收藏
- 关注
RSS订阅
原创 利用JavaScript的offset属性做一个简单的无缝滚动
利用JavaScript的offset属性做一个简单的无缝滚动实现思路通过无序列表ul li 储存图片，外层加个div给予div，ul，li相对的样式：width、height、 list-style-type等利用JavaSceipt的offset属性让其向左或向右滚动即可判断你素材图片的宽高，使其等于最外层的div的宽度CSS3部分 #div1{ width:72...
2019-07-29 09:18:58
197
原创 Activity中添加和替换Fragment
关于Fragment和Activity的使用就弄了一个小时中间还报过错，对于as小白来说，不慌不忙的搞定了在Activity中添加和替换Fragment的功能。下面上图接下来，第一步就是创建一个ContianerActivity放入一个Button和放入FramLayout，将FramLayout设定一个容器并且给定一个id为fl_container方便找到这个AFragment容器，将AF...
2019-10-24 22:16:59
1901
原创 js事件中级之默认行为(oncantextmenu事件)
1.默认事件。即不需要自己编写代码，浏览器自身所具备的一些功能，例如在网页右击鼠标，会出现浏览器自带的自定义默认菜单2.阻止默认行为：oncontextmenu 事件：在元素中用户右击鼠标时触发并打开上下文菜单。并用return false（普通写法）来阻止默认行为例如：做一个取消浏览器自定义菜单，用div替换。<style> #div1{ width:66px; he...
2019-08-08 09:07:50
547
原创 js基础事件之键盘事件(onkeydown、onkeyup)
onkeydown：键盘按下后触发的事件onkeyup：按键抬起后触发的事件keyCode 属性返回 onkeydown 或 onkeyup 事件的键的代码。下图就是所对应的 Unicode 键代码<script type="text/javascript"> document.onkeydown=function(ev){ var oEvent=ev||event; ...
2019-08-07 11:14:32
972
原创 js基础事件之event对像和事件流(冒泡事件)
1.event对像和事件流(冒泡事件)event：获取事件的详细信息，检测用户所触发的事件。例如鼠标单击左右键，通过键盘触发的事件。事件冒泡：若存在div1和div2，div1为div2的父级，在触发div1的事件时，div2也会被相应的触发。点击事件传递的一个过程，只要父级存在点击事件，在子级被触发后会将触发事件传递给上一级<script type="text/javascript"...
2019-08-07 10:46:22
266
原创 js运动应用2之运动框架的淡入淡出
在上一个运动框架中，有一个运动无法实现，那就是淡入淡出效果的一个这样的运动原因有很多，最明显的就是首先，淡入淡出的兼容alpha(非IE浏览器)存在小数点0.3而淡入淡出不存在以及设置style(样式)存在px，而淡入淡出并没有，下面直接看一个比较完整 的运动框架<style> #div1{ width:200px; height:200px; backgourndC...
2019-08-06 14:14:00
129
原创 js运动应用之运动框架
js运动应用之运动框架<style> div{ width:200px; height:200px; background-Color:yellow; float:left; font-size:14px; }</style><script type="text/javascript"> window.onload=functi...
2019-08-05 16:33:37
148
原创 BOM基础应用
BOM基础应用关于打开和关闭窗口open() 事例1close() 事例21.首先说说open()。open()存在两个参数第一个参数就说所输入的URL，第二个参数就是新页面打开的位置：_self、_blank_parent等…和HTML超链接a的target属性有一些类似的地方。2.实际上open()也存在返回值，例如，当我们在窗口以textarea标签里面输入文字，实际上可以...
2019-08-02 17:29:39
131
原创 js运动基础-2之缓冲运动
缓入缓出运动<style>#div1{ width:100px; height:100px; backgroundColor:red; position:absolute; left:0px;或者600px; //当div1从左往右移动}#div2{ width:1px; height:300px; position:absolute; top:0px; ...
2019-08-02 11:09:43
135
原创 javascript运动基础 -1之淡入淡出运动效果
javascript运动基础 -1实现div淡入淡出的效果<style> #div1{ backgroundColor:red; width:200px; height:200px; //兼容IE8或者更早的版本 filter:alpha(opacity:30); //兼容IE9以上，火狐，谷歌..... opacity:0.3; }</st...
2019-08-01 16:59:10
142
原创 在javascript运动基础中遇到的常见的问题
讨论计时器setInterval()在运动过程中遇到的常见问题，这里给定一个比较完善的定时器运动程序*运用到的知识点计时器setInterval()的使用offset属性if…else…语句input表单代码演示：版本1版本1实际上你在程序运行的过程中会发现div1会一直无限的往你所需要的那个方向移动，停不下来！怎么解决？请看版本2<style> #div1{ ...
2019-08-01 10:56:07
105
原创 DOM操作利用数组对 li 进行排序
直接看代码吧<script type="text/javascript"> window.onload=function(){ var oBtn1=document.getElementById('btn1'); var oUl1=document.getElementById('u1'); oBtn1.onclick=function(){ //先把全部li提出...
2019-07-31 16:57:24
244
原创 DOM高级操作应用— —搜索
版本1：简单的搜索<script type="text/javascript"> window.onload=function(){ var oTab=document.getElementById('Tab'); var oBtn=document.getElementById('btn1'); var oTxt=document.getElementById('na...
2019-07-31 10:37:05
198
原创 JavaScript 中DOM动态添加，删除表格元素
实现思路1.创建一个table,thead,tbody,tr,td表格，这里thead,tbody能够更好的区分表头与表格中元素的关系。、2.分别给定id获取3.通过creatElement()，以及appenChild()添加4.通过removeChild()方式删除，关键是要找到相对应的父节点和子节点<script type="text/javascript"> win...
2019-07-30 17:43:04
899
原创 简单的DOM元素的创建creatElement()、插入insertBefore()、删除removeElement()
创建DOM元素(creatElement，)在javascript中单独的添加一个节点只是将添加的内容储存在内存中，如何添加后显示到页面上呢？-------这个时候就需要appenChild()语法：父节点.appenChild(子节点)；例如：我们可以用input表单创建一个文本框和一个按钮，点击添加，将文本框内容添加到li上。在平常的网页上，为了让客户有更好的体验，我们可以将最新添加的...
2019-07-30 10:33:28
2037
1
原创 如何通过封装函数，然后利用className获取元素
利用className获取元素通过className改变子元素的样式，老规矩，这里通过ul li 给大家举例JavaScript部分<script type="javascript"> window,onload=function(){ var oUl=document.getElementById('ul1'); //获取ul的元素 var oLi=oUl....
2019-07-29 16:58:17
374
原创 关于DOM基础：DOM子节点：childNodes、父节点：parentNode以及相对父级元素进行定位的offsetParent
DOM基础：子节点：chrldNodes父节点：parentNode节点类型：nodetypeoffsetParent基本概念子节点：通俗的说就算一个父元素下面包着一个子元素。相当于一种“家族的学院关系图”。。例如：无序列表：ul下面的li 其中li相对于ul来说就是它的子节点<script type="text/javascript"> window.onl...
2019-07-29 15:36:59
977
原创 利用JavaScript实现全选，不选以及不全选
利用JavaScript实现全选，不选以及不全选实现思路首先我们可以通过编写三个input里面的属性编辑三个 button，分别为 全选，不选和不全选。当我们点击三个不同的按钮完成不同的效果。在这里我们需要了解关于Iinput表单元素的checked属性，只要将checked属性等于true或者false即可，即true全选，false不选，而后通过数组遍历input即可再用if语句实...
2019-07-27 09:39:23
595
1
原创 定时器setInterval()和setTimeout()在做延时提示框中的作用
JavaScript中定时器setInterval()和setTimeout()在做延时提示框中的作用setInterval() 间隔型，需要手动关闭计时器setTimeot() 延时型，到时间点自动停止关闭： clearInterval()关闭： calerTimeout()例子：第一栏编写简单的CSS3样式便于举例说明<style> div{ f...
2019-07-27 08:55:03
219
原创 关于JavaScript Date对象的获取当前系统时间的方法
关于JavaScript Date对象的获取当前系统时间的方法* Date对象可以获取系统当前时间，通过new关键字创建Date对象， 这里的new 系统的讲解是在面向对象的知识。例子：获取系统时间<script type="javascript"> var time=new Date(); **创建Date对象** var year =time.get...
2019-07-26 16:32:53
2931
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人