H5+CSS+JS
关注
分享
扫一扫
烂笔头NI
在走下坡路的时候最舒服
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
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 · 243 阅读 · 0 评论 -
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 · 446 阅读 · 0 评论 -
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 · 1556 阅读 · 0 评论 -
JS 表格节点操作
JS 表格节点操作实现的功能： 在表格中实现添加商品，删除商品和修改商品。实现效果如图所示： 实现代码：<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <script> function add_shop(){//添加商品原创 2017-08-13 15:25:32 · 1678 阅读 · 0 评论 -
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 · 1186 阅读 · 1 评论 -
canvas实现简单的画图功能
canvas实现简单的画图功能功能描述： 有红绿蓝三种颜色的画笔，可以选择画笔的粗细，画出的图可以保存到右边的六个画框中。当右边的六个画框都画满之后，便不能继续保存来了。可以清除画框，清除画布。保存的图片可以右击保存为png格式。实现效果如图所示： 实现代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">原创 2017-08-20 20:49:16 · 10533 阅读 · 2 评论 -
鼠标悬停，图片向四周放大效果
鼠标悬停，图片向四周放大效果实现的功能： 鼠标悬停在图片上，图片缓慢向四周放大。 效果图： 主要代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>测试</title> <style type="text/css"> div{原创 2017-11-15 19:04:21 · 2614 阅读 · 0 评论