2017年08月_烂笔头NI

11月 09月 08月 06月 05月

原创 canvas实现简单的画图功能

canvas实现简单的画图功能功能描述：有红绿蓝三种颜色的画笔，可以选择画笔的粗细，画出的图可以保存到右边的六个画框中。当右边的六个画框都画满之后，便不能继续保存来了。可以清除画框，清除画布。保存的图片可以右击保存为png格式。实现效果如图所示：实现代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">

2017-08-20 20:49:16 10402 2

原创 JS 实现div元素的拖动

JS 实现div元素的拖动功能描述：在浏览器窗口有一个div盒子，用鼠标点击盒子，按下进行拖动，当鼠标弹起时，该div就移动到此位置了。实现代码：<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> *{ marg

2017-08-13 15:35:55 1134 1

原创 JS 表格节点操作

JS 表格节点操作实现的功能：在表格中实现添加商品，删除商品和修改商品。实现效果如图所示：实现代码：<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <script> function add_shop(){//添加商品

2017-08-13 15:25:32 1637

原创 JS 简单的实现移动选中元素

JS 简单的实现移动选中元素实现效果如图：实现代码如下：<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <script> function one_right(){ var l_table=document.getEle

2017-08-13 15:06:14 1510

原创 JS dom节点简单操作

JS dom节点简单操作实现效果如图所示：实现代码：<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <script> function $(str){//这里简单封装一下 str=str.trim();

2017-08-13 15:01:57 398

原创 JS对象简单操作

JS对象简单操作实现效果如图所示：代码实现如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title></head><body align="center"><h1 style="color: lightsalmon">请添加联系人信息：</h1><hr><div

2017-08-13 14:46:11 208

空空如也

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

TA关注的人