2016年12月_PandaCode辉

12月 11月

原创 HTML5+CSS3+JS学习笔记-11-CSS3之3D转换的用法

今天学习了一下CSS3之3D转换的用法。代码：CSS3之3D转换练习div {width: 200px;height: 200px;background-color: #090;margin: 50px auto;}/*1、rotateX()：围绕其在一个给定度数X轴旋转的元素*//*div:hover {transfor

2016-12-27 20:59:38 433

原创 HTML5+CSS3+JS学习笔记-10-CSS3之2D转换的用法

今天学习了一下CSS3之2D转换的用法。代码：CSS3之2D转换/*1、转换-移动 *//*div{width: 200px;height: 200px;background-color: #090;position: absolute;left: 50%;top: 50%;transform: translate(-50%,

2016-12-26 21:28:09 412

原创 HTML5+CSS3+JS学习笔记-9-制作iphone手机模型

庆祝圣诞节，使用HTML5+CSS3+JS制作iphone手机模型，并添加圣诞祝福语，类似开机动画效果！截图：代码：iphone手机模型$(document).ready(function() {$("#btn").click(function() {//$(selector).html(content) 改变被选

2016-12-25 11:12:52 1845

原创 HTML5+CSS3+JS学习笔记-8-使用JS及函数来制作表格

今天学习了一些javascript知识，不写一个页面标签，利用函数制作表格截图：代码：使用JS函数来制作表格练习$(document).ready(function(e){//1、向body页面内添加一个div，id命名为world$("body").append('');//2、在div内追加1个table，边框为1px，填充间

2016-12-24 21:35:17 1209

原创 HTML5+CSS3+JS学习笔记-7-JS调节背景色

今天学习了使用JS调节背景色。结合HTML5的 input标签中的 range 类型。截图：代码：JS调节背景色//当页面准备完毕的时候$(document).ready(function(e) { $('input').change(function(e){var red=$('#red').

2016-12-22 22:12:27 538

原创 CSS3颜色渐变练习

今天学习了一下CSS3多种颜色渐变案例。截图：代码：CSS3颜色渐变练习#box ul {list-style-type: none;padding: 0px;height: auto;width: 1000px;margin-right: auto;margin-left: auto;}#box ul l

2016-12-21 21:01:26 1391

原创纯CSS手里剑绘制练习优化2

今天继续优化css3代码，使用伪类选择器和伪对象选择器精简了很多代码。截图：代码案例：纯CSS手里剑绘制练习优化2.box {width: 400px;height: 400px;margin: 100px auto;position: relative;background-color: #FFF;transfo

2016-12-20 21:28:48 610

原创纯CSS手里剑绘制优化1

之前做的--纯CSS3手里剑模型动画绘制--太差劲了，重新学习了下各种几何图形的基础后优化了一下。截图：代码：纯CSS手里剑绘制优化1.box {width: 400px;height: 400px;margin: 100px auto;position: relative;background-color: #CFC

2016-12-19 22:34:21 483

转载 CSS3绘制各种几何图形练习

学习用CSS3绘制各种图形。截图：代码：CSS3绘制各种几何图形练习/*圆形*/#circle {width: 120px;height: 120px;background: #7fee1d;-moz-border-radius: 6

2016-12-18 21:46:51 945

转载 CSS3三角形绘制原理解析

今天认真学习了下三角形制作的原理。截图：代码：CSS3三角形绘制原理#test1 {width: 100px;height: 100px;border:4px solid blue;}#test2 {width: 100px;height: 100px;border:20px s

2016-12-18 21:38:20 458

原创纯CSS3手里剑模型动画绘制

根据纯CSS3绘制的小猫笑脸动画和使用CSS3实现一个3D相册 2个案例绘制的自动旋转的手里剑模型。-------------------效果截图-------------------------------------代码案例------------------纯CSS3手里剑模型绘制#box {height: 400px;

2016-12-17 22:19:13 898

转载纯CSS3绘制的小猫笑脸动画

今天学习圆角变形网上搜索的时候看到一个有趣的东西，挺不错的类动画效果，学习了一下，并加以改变。---------------效果截图--------------------------------代码案例-----------------纯CSS3绘制的小猫笑脸动画DEMO演示-->body { marg

2016-12-16 22:01:33 1416

原创 HTML5+CSS3+JS学习笔记-6

今天学习了一个圆角变形的案例，css3中的一点东西。----------效果截图--------------------代码案例----------圆角变形练习#box {width: 200px;height: 200px;/*-webkit-border-radius：苹果；谷歌，等一些浏览器认，因为他们都用的是webkit内核；

2016-12-16 21:52:56 282

原创 HTML5+CSS3+JS学习笔记-5

今天学习了一下音频和视频标签的简单应用。音频视频练习不支持音频格式

2016-12-15 21:35:08 310

原创 HTML5+CSS3+JS学习笔记-4

今天学习了3个东西：CSS属性选择器练习,CSS伪类选择器,CSS伪对象选择器样例代码如下：-------------------------------------------------------------------------------------------------------------------------------CSS属性选择器练习

2016-12-07 21:31:40 384 1

原创 HTML5+CSS3+JS学习笔记-3

之前学习了使用CSS3实现一个3D相册，今天突然想到，既然可以水平旋转，为啥不能垂直旋转呢！于是我试着改变几个参数，3D相册的效果就变形了。垂直旋转截图：代码：使用CSS3实现垂直旋转3D相册/*大容器*/.my-container {width: 500px;height: 500px;margin: 20px auto;}

2016-12-06 22:23:55 456

原创 HTML5+CSS3+JS学习笔记-2

圆角矩形练习div{width:200px;height:200px;border:#666666 solid 1px;margin: 20px;float: left;}#c1{border-radius:20px;/*4个角半径都是20px*/}#c2{border-radius:20px 40px;/*第一个是上下，第二个是左右*/}

2016-12-06 21:50:37 307

原创自建网页项目-蚁族财富网-记录25

根据今天学到的使用CSS3实现一个3D相册改造我的网站项目首页展示图片区域。截图如下:

2016-12-04 12:35:33 369

转载使用CSS3实现一个3D相册

今天学到一个不错的图片展示效果，记录下来。截图：代码：使用CSS3实现一个3D相册/*大容器*/.my-container {width: 800px;height: 500px;margin: 20px auto;}/*舞台perspective属性用来激活一个3D空间，使其子元素都会获得透视效果

2016-12-04 12:29:43 2707

原创 HTML5+CSS3+JS学习笔记-1

Html5新增练习1header,nav,section,footer{width:400px;height:40px;border:solid 1px #333333;margin-bottom:10px;margin:10px auto;}aside,article{width:150px;height:35px;border:s

2016-12-03 20:25:51 408

原创自建网页项目-蚁族财富网-记录24

今天建好数据库用户，并建立昨天设计好的几张表，然后建立JAVA WEB项目，搭好项目框架，采用Spring+Struts+Hibernate框架编码实现具体功能。开始进入WEB项目编码阶段：1%项目文档结构截图：

2016-12-02 22:28:49 293 1

原创自建网页项目-蚁族财富网-记录23

今天大致分析设计完成主要表结构，绘制完几个表之间的关系和字段等，任有很多不是很完善的，只能边做边改动。数据库表的设计算完成70%左右吧！并生成相应的sql建表语句。CDM截图：PDM截图：

2016-12-01 20:53:17 391

spring boot ActiveMQ学习练习demo项目源码

spring boot ActiveMQ学习练习demo项目源码；包含text,map,byte,stream,object5种类型信息的发送和接收

2017-12-15

spring-boot-mybatis-cache-thymeleaf学习练习demo源码

spring-boot-mybatis-cache-thymeleaf框架组合练习学习做的一个完整的精简的小demo项目源码

2017-12-09

spring boot rabbitmq学习练习demo源码

spring boot rabbitmq框架组合练习学习做的一个完整的精简的小demo项目源码

2017-12-09

spring boot security学习练习demo源码

spring boot security 框架组合练习学习做的一个完整的精简的小demo项目源码

2017-12-09

Spring Boot WebChat 网页聊天室

Spring Boot +Spring Security+Spring Data Jpa+Thymeleaf+Spring websocket 搭建的简易网页聊天室。

2017-11-30

spring boot+mybatis+thymeleaf 练习demo项目源码

spring boot+ mybatis+thymeleaf 框架组合练习学习做的一个完整的精简的小demo项目源码

2017-11-27

spring+springmvc+mybatis+thymeleaf练习demo项目源码

spring+springmvc+mybatis+thymeleaf 框架组合练习学习做的一个完整的精简的小demo项目源码

2017-11-27

spring+springmvc+mybatis+jsp练习demo项目源码

spring boot+mybatis+jsp 框架组合练习学习做的一个完整的精简的小demo项目源码

2017-11-27

spring boot+jpa+thymeleaf 练习demo项目源码

spring boot+jpa+thymeleaf 框架组合练习学习做的一个完整的精简的小demo项目源码

2017-11-27

spring boot+hibernate+thymeleaf 练习demo项目源码

spring boot+hibernate+thymeleaf 框架组合练习学习做的一个完整的精简的小demo项目源码

2017-11-27

spring+springmvc+jpa+thymeleaf 练习demo项目源码

spring+springmvc+jpa+thymeleaf 框架组合练习学习做的一个完整的精简的小demo项目源码

2017-11-27

spring+springmvc+jpa+jsp 练习demo项目源码

spring+springmvc+jpa+jsp 框架组合练习学习做的一个完整的精简的小demo项目源码

2017-11-27

spring+springmvc+hibernate+thymeleaf 练习demo项目源码

spring+springmvc+hibernate+ thymeleaf 框架组合练习学习做的一个完整的精简的小demo项目源码

2017-11-27

spring+springmvc+hibernate+jsp 练习demo项目源码

spring+springmvc+hibernate+jsp 框架组合练习学习做的一个完整的精简的小demo项目源码

2017-11-27

spring batch 学习多种场景练习demo项目源码，包括: 1.读取文件--处理--写入文件; 2.读取文件--处理--写入数据库 ; 3.读数据库--处理--写入数据库; 4.读数据库--处理--写入文件; 文件类型包括：CSV,TXT,JSON,XML; 数据库读写操作包括：JDBC 游标,JDBC分页,JDBC存储过程； Hibernate 游标，Hibernate分页，ibatis分页，jpa分页。

2017-11-09