自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(14)
  • 收藏
  • 关注

原创 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 520

原创 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 234

原创 鼠标指定区域内移动

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

原创 猜字游戏

<head> <meta charset="UTF-8"> <title></title> <style type="text/css&q

2018-10-16 21:19:31 177

原创 魔方

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

2018-10-08 20:50:53 270

原创 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 597

原创 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 644 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 620

原创 标记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 142

原创 倒计时

<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 108

原创 天猫侧边栏

<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 493

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

<head> <meta charset="UTF-8"> <title></title> <script src="js/tools.js&a

2018-10-01 22:42:09 375

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

**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 199

原创 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 430

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除