2016年11月_秋天1014童话

12月 11月 10月 09月 07月 06月 05月 04月 03月

原创 ssh-框架剖析

程序下载地址：一、目录结构：二、环境搭配1. 导入jar包2. 配置web.xml(直接复制即可)<?xml version="1.0" encoding="UTF-8"?><web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://xmlns.jcp.org/xml/ns/javaee" xsi:sch

2016-11-30 17:45:39 357

原创 ssh-循环显示数组或者list

循环显示数组或者list，value代表list名称，id代表当前迭代的元素，<s:iterator value="testcaseList" id="testcase" status="i"> <tr> <td><s:property value="%{#i.index+1}"/></td> <td><s:property value="testcas

2016-11-30 11:23:22 1407

原创轮播图--无缝滚动

轮播图–无缝滚动<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> *{ margin: 0; padding: 0; } ul{

2016-11-26 21:30:16 410

原创仿jquery的$("#demo"),$(".className"),$("div")

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>仿jquery的$</title> <style></style></head><body> <div id="demo" class="demoClass">123</div> <script>

2016-11-26 20:58:54 560

原创 js-保留两位小数，取后缀名

122340.12345 保留两位有效小数 122340.12 substr(0, .+3) 1.console.log(str.substr(0,str.indexOf(“.”)+3)); 通过 indexOf 返回小数点的位置截取字符串 2 console.log(parseInt(PI*100) /100); 先乘以10

2016-11-26 20:44:57 593

原创 js-小米手机上下滑动

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> .box{ width: 512px; height: 400px; margin:100px au

2016-11-26 16:59:01 704

原创 js-5s后重新发送短信（定时器，清除定时器）

5s后重新发送短信<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>js-手机发送短信倒计时</title> <style> button{ width: 100px; height: 30px;

2016-11-25 21:54:38 2276

原创 js-时钟效果+当前日期的前一天后一天表示

时钟效果<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> .clock{ width: 600px; height: 600px; margin:0

2016-11-25 20:59:06 507

原创 js-微博发布-练手

微博发布评论，评论区动态增加刚发布的内容，并提供删除功能。练习创建节点、追加节点、移除节点。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>微博发布</title> <style> ul{ margin: 0; padd

2016-11-23 22:23:52 524

原创 js-动态生成小圆点（根据轮播图图片张数动态生成小圆点）

动态生成小圆点（根据轮播图图片张数动态生成小圆点）<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> body,ul{ padding: 0; margin: 0;

2016-11-23 21:39:22 10151

原创 js-封装自己的class类

封装自己的class类，对于高版本浏览器，支持document.getElementsByClassName，对于IE678,不支持的情况要进行处理。首先判断是否支持，不支持再进行如下处理。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style

2016-11-23 19:56:32 2211

原创 js-输出当前索引（放在属性里面）

若要是直接在数组遍历时输出，不论点击哪个，则都出i的最大值，即数组的长度。所以将索引放在属性里面；<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>弹出当前的索引号</title> <style> ul li{ float: left;

2016-11-18 22:19:36 950

原创输入框--仿placeholder，oninput检测用户输入事件

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> .search{ width: 300px; height: 30px; margin: 100px

2016-11-18 19:54:43 833

转载你真的了解javascript中的null和undefined吗

知乎：https://www.zhihu.com/question/31442029。也是不错的文章原你真的了解javascript中的null和undefined吗

2016-11-17 19:37:05 349

原创仿淘宝层级

实现几个并排div，边框合并问题，鼠标hover，边框变亮<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> /* .test { width: 150px; height: 300px;

2016-11-17 17:30:09 418

原创 json去重

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>json去重</title> <style></style> <script> //json去重，主要思想就是两重循环，遍历是否存在某个属性值 var tem = [{"code":"001"},

2016-11-16 17:26:15 2004

原创 js数组-控制先合并后去重（基于上篇-js去重方法）

js数组-控制先合并后去重（基于上篇-js去重方法）<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <script> Array.prototype.removeRepeat1 = function() {

2016-11-16 17:14:24 384

转载高度坍塌问题--BFC模式解析

问题引起是2016IFE春季问题的任务三，总的父元素parent包含三个浮动的子元素，容器的高度不能自动伸长以适应内容的高度，出现了高度坍塌问题。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>高度坍塌问题-BFC模式解析</title> <style> .parent

2016-11-10 14:23:04 3288

原创 js-数组去重（有五种方法）-包含数组扩展形式

js-数组去重（有四种方法）<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>js-数组去重</title> <meta content="http://note.youdao.com/share/index.html?id=55da195bec366816c2093d2e630fb81

2016-11-10 10:43:07 2356

原创清除浮动的几个方法

清除浮动的几个方法：方法一(推荐)：.clearfix:before,.clearfix:after{ content:" "; display:table;}.clearfix:after{ clear：both;}.clearfix{ *zoom:1;}方法二：.clearfix:after{ content: "";

2016-11-09 20:26:30 205

原创实体小三角-制作方法

实体小三角-制作方法<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>易迅网三角</title> <link rel="shortcut icon" href="favicon.ico"> <style> div.test{ width:

2016-11-08 22:25:29 518

原创箭头小三角（向上或向下、两条边）--两种制作方法

网站中不论是导航还是下拉，往往有些小三角，制作方式有几下几种：方法一主要思想：使用一个矩形，盖住一个菱形的上半部分，则显示下三角；盖住下半部分，则显示上三角。主要代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>小三角</title> <meta content="主要思想

2016-11-08 22:22:19 10713