李尚书-优快云博客

原创 JS碰撞检测

<head> <meta charset="UTF-8"> <title></title> <style type="text/css"> #all{ width: 500px; height: 500px; border: 2px solid sandybrown; position: rela

2018-10-22 21:23:15 557

原创 JS自定义滚动条

<head> <meta charset="UTF-8"> <title></title> <style type="text/css"> #all{ width: 500px; height: 50px; background-color: sandybrown; border-radius:

2018-10-19 20:30:19 261

原创鼠标指定区域内移动

2018-10-16 21:23:26 697 1

原创猜字游戏

&amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt; &amp;lt;title&amp;gt;&amp;lt;/title&amp;gt; &amp;lt;style type=&quot;text/css&q

2018-10-16 21:19:31 231

原创魔方

&lt;meta charset="UTF-8"&gt;&lt;title&gt;Document&lt;/title&gt;&lt;style&gt; body,html{ width: 100%; height:100%; } body{ -webkit-perspective: 3000px; -moz-pers

2018-10-08 20:50:53 300

原创 JS函数动画（缓冲上下左右运动）封装

function easeMove(obj,attr,targetPos,speedEnd,time){ clearInterval(obj.timer) obj.timer = setInterval(function(){ var attrValue = parseInt(getStyle(obj,attr)); var speed = Math.abs(t...

2018-10-07 16:43:49 649

原创 JS函数动画（透明度淡入淡出）封装

function easeMove(obj,attr,iTarget,speedScale,time){ clearInterval(obj.timer) obj.timer=setInterval(function(){ var attrValue=getStyle(oAll,attr)*100; var speedEnd = (iTarget - attrV...

2018-10-07 16:42:34 717 1

原创 JS函数动画（匀速上下左右运动）封装

function uniformMove(obj,attr,targetPosition,speed,time){ clearInterval(obj.timer) obj.timer = setInterval(function(){ //通过属性名获得属性值 //getStyle(obj,attr) 是字符串"~px" var attrvalue=...

2018-10-07 16:40:59 652

原创标记toggle，indexOf

<head> <meta charset="UTF-8"> <title></title> //css样式 <style type="text/css"> *{ -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transitio

2018-10-06 17:02:26 168

原创倒计时

<head><meta charset="UTF-8"><title></title> <style type="text/css"> div{ width: 100%; text-align: center; font-size: 35px; }

2018-10-05 14:39:12 135

原创天猫侧边栏

<head> <meta charset="UTF-8"> <title></title> <style> div{ border-bottom: 1px solid black; width: 100px; height: 40px; line-height:50px; text-align: c...

2018-10-02 10:39:22 542

原创 JS函数，导航下拉菜单

&amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt; &amp;lt;title&amp;gt;&amp;lt;/title&amp;gt; &amp;lt;script src=&quot;js/tools.js&a

2018-10-01 22:42:09 410

原创封装函数，分享侧边栏移入移出

**div样式** <style type="text/css"> *{ margin: 0; padding: 0; } #all{ width: 200px; height: 200px; margin-top: 20px; background-color: lightblue; position: relative; ...

2018-09-28 21:35:44 234

原创 JS 实现计算器功能

//style样式代码 <style type="text/css"> *{ margin: 0; padding: 0; list-style: none; font-size: 20px; } .calculator { width: 326px; height: 460px; margin: 80px auto; ...

2018-09-27 21:14:21 499

weixin_39200549的博客