前端学习小案例
课堂学习过程中,实现过的一些小案例。
窗台的花花
如果没有天赋,那就一直重复。
展开
-
AngularJs实现增,删,改,查(全)
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <script type="text/javascript" src="js/angular.min.js"></script> <...原创 2017-12-18 16:55:36 · 3317 阅读 · 0 评论 -
AngularJs实现添加,批量删除,全选,反选等功能
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <script type="text/javascript" src="js/angular.min.js"></script> <...原创 2017-12-18 15:58:46 · 463 阅读 · 0 评论 -
CSS基础 - 内部样式表
文章全篇<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> h2{ color: green; font-size: 20px; } h4{ .原创 2021-08-19 18:25:04 · 534 阅读 · 0 评论 -
jQuery实现添加,批量删除,全选
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <script src="js/jquery-3.2.1.min.js" type="text/javascript" charset="utf-8">&l...原创 2017-12-10 22:24:31 · 1251 阅读 · 0 评论 -
angular实现添加,删除,查询,排序
<img data-cke-saved-src="https://img-my.csdn.net/uploads/201712/09/1512791851_4449.png-thumb.jpg" src="https://img-my.csdn.net/uploads/201712/09/1512791851_4449.png-thumb.jpg" alt="" /><...原创 2017-12-09 12:08:19 · 260 阅读 · 0 评论 -
CSS特效和形变
一:CSS形变 1. 2D形变 需要用到的属性: transform 缩放 transfrom.scale(2);放大两倍 旋转 transfrom:rotate(45deg); /*顺时针旋转45度*/ 平移 transform:transl...原创 2017-11-29 14:41:37 · 628 阅读 · 0 评论 -
html5 案例练习(注册页面)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>世纪佳缘</title></head><body> <table width="600" align="center" > <caption><h4>青春不常在,抓紧谈恋爱</h...原创 2021-08-16 17:15:56 · 443 阅读 · 0 评论 -
html5 table标签 单元格合并
文章全篇<!--未进行合并--><table border="1" width="500" height="240" align="center" cellspacing="0"> <tr> <td>刘德华</td> <td>男</td> <td>18</td> <!--目标单元格 先上后下--> .原创 2021-08-09 23:00:08 · 1272 阅读 · 0 评论 -
html5 table标签 小说排行榜案例代码
文章全篇<!--caption设置表格标题--> <table border="1" align="center" cellspacing="0" width="500" height = "300"> <caption> <strong>小说排行榜</strong> </caption> <tr> &..原创 2021-08-09 22:42:51 · 1446 阅读 · 0 评论