webAPI
一只大海
小白一名鸭鸭鸭
展开
-
webAPI中的元素的相关的方法
静态页面 <body id="bd"> <input type="button" id="btn1" value="显示效果"> <input type="button" id="btn2" value="干掉第一个子元素"> <input type="bu原创 2019-01-13 23:58:19 · 151 阅读 · 0 评论 -
webAPI中的事件
一,为元素绑定事件 1.对象.addEventlistener(“事件的类型”,“事件的处理函数”,“false”) 参数1:事件的类型—&amp;gt;事件的名字 没有on 参数2:事件的处理函数-----&amp;gt;匿名函数/命名函数 参数3:布尔值 目前写false 默认的就是false,可写可不写 我们来为同一个元素绑定多个事件 my$(&quot;btn&quot;).addEventListener(&q原创 2019-01-14 13:19:25 · 454 阅读 · 0 评论 -
webAPI点击按钮实现物体的移动
实现的功能 1.点击按钮“移动到400px”,使div向右移动到400px的位置 2.点击按钮“移动到800px”,使div向右移动到800px的位置 静态页面 &lt;body&gt; &lt;button id="btn"&gt; 移动到400px&lt;/button&gt; &lt;button id="b原创 2019-01-15 13:20:25 · 340 阅读 · 0 评论 -
webAPI轮播图
静态页面 <body> <div class="all" id='box'> <div class="screen"><!--相框--> <ul> <li> <img src="images/1.jp原创 2019-01-21 12:49:10 · 1125 阅读 · 0 评论 -
webAPI 通过图片页面小按钮来实现图片的切换
实现通过鼠标放到右下角的小按钮来实现图片的切换 静态页面 <body> <div class="box" id="box"> <div class="inner"><!--相框--> <ul> <li><a href=&原创 2019-01-16 13:02:23 · 1211 阅读 · 0 评论 -
模拟淘宝查看商品时图片的放大效果
要做这样的一个效果,要怎么去实现呢 首先,可以分析下整个结构,左边的是原图片,黄色区域在左边覆盖的地方,右边就会对应显示放大后的大图 静态页面 <body> <div class="box" id="box"> <div class="small"><!--小层--> <img src="原创 2019-01-22 12:58:13 · 1984 阅读 · 0 评论