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 · 167 阅读 · 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 · 482 阅读 · 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 · 361 阅读 · 0 评论 -
webAPI轮播图
静态页面<body><div class="all" id='box'> <div class="screen"><!--相框--> <ul> <li> <img src="images/1.jp原创 2019-01-21 12:49:10 · 1169 阅读 · 0 评论 -
webAPI 通过图片页面小按钮来实现图片的切换
实现通过鼠标放到右下角的小按钮来实现图片的切换静态页面<body><div class="box" id="box"> <div class="inner"><!--相框--> <ul> <li><a href=&原创 2019-01-16 13:02:23 · 1262 阅读 · 0 评论 -
模拟淘宝查看商品时图片的放大效果
要做这样的一个效果，要怎么去实现呢首先，可以分析下整个结构，左边的是原图片，黄色区域在左边覆盖的地方，右边就会对应显示放大后的大图静态页面<body><div class="box" id="box"> <div class="small"><!--小层--> <img src="原创 2019-01-22 12:58:13 · 2034 阅读 · 0 评论