模块功能代码
李尚书
这个作者很懒,什么都没留下…
展开
-
JS函数,导航下拉菜单
<head> <meta charset="UTF-8"> <title></title> <script src="js/tools.js&a原创 2018-10-01 22:42:09 · 383 阅读 · 0 评论 -
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 · 237 阅读 · 0 评论 -
鼠标指定区域内移动
原创 2018-10-16 21:23:26 · 652 阅读 · 1 评论 -
魔方
&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 · 273 阅读 · 0 评论 -
封装函数,分享侧边栏移入移出
**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 · 207 阅读 · 0 评论 -
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 · 617 阅读 · 0 评论 -
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 · 677 阅读 · 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 · 625 阅读 · 0 评论 -
标记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 · 148 阅读 · 0 评论 -
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 · 453 阅读 · 0 评论 -
倒计时
<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 · 113 阅读 · 0 评论 -
天猫侧边栏
<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 · 512 阅读 · 0 评论 -
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 · 529 阅读 · 0 评论