td | 易学教程

原生js实现拖拽改变 table表格列宽

阅读更多关于原生js实现拖拽改变 table表格列宽

效果图代码 <!DOCTYPE html> <html> <head> <meta charset="gbk"> <title>table</title> </head> <body style="padding:100px"> <table id="tb_3" cellspacing="0" cellpadding="2" width="100%" border="1"> <tbody> <tr align="center" bgcolor="#dcdcdc"> <td style="width:100px;">员工编号</td> <td>试用时间</td> <td>转正时间</td> <td>性别</td> <td>姓名拼音</td> <td>生日时间</td> <td>民族</td> <td>身高</td> </tr> <tr> <td>vh20180421</td> <td>2018-3-13</td> <td>2018-6-13</td> <td>1</td> <td>LDH</td> <td>1988-3-13</td> <td>汉族</td> <td>178</td> </tr> <tr> <td>vh20180511</td> <td>2018-5-15</td> <td>2018-8-15</td> <td>0</td> <td>WSW</td> <td

Spring Cloud的Eureka自定义界面，启动界面自定义

阅读更多关于 Spring Cloud的Eureka自定义界面，启动界面自定义

前言 Github获取源码 spring cloud eureka server注册中心的界面不太好看，想自定义。经查看源码发现（源码位于 spring-cloud-netflix-eureka-server ），servers的首页由template/eureka目录下的四个ftl文件组成。将里面的文件改称自己的包括logo等图片修改成自己想要的就好。 <#import "/spring.ftl" as spring /> <!doctype html>     <html class="no-js">  <head> <base href="<@spring.url basePath/>"> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE

CSS td 右下角左上角显示

阅读更多关于 CSS td 右下角左上角显示

< html > < head > < title > table td左对齐右对齐 </ title > < style type = " text/css " > .main-tb { border-spacing : 0 ; border-collapse : collapse ; } .main-tb td { text-align : center ; vertical-align : middle ; padding : 1px 6px 0 6px ; } /*td 文字显示左上角*/ .main-tb .td-explainleft { vertical-align : top ; position : relative ; } .main-tb .td-explainleft div { position : absolute ; left : 0 ; top : 0 ; } .main-tb .td-explainleft input { margin-top : 25px ; } /*td 文字显示右下角*/ .main-tb .td-explainright { vertical-align : top ; position : relative ; } .main-tb .td-explainright div { position : absolute

NVelocity模板引擎

阅读更多关于 NVelocity模板引擎

简介 NVelocity是一个基于.NET的模板引擎（template engine）。它允许任何人仅仅简单的使用模板语言（template language）来引用由.NET代码定义的对象。语法 #include("head.htm") //引入文件 #parse("head.htm") //引入文件，与include不同的是，parse可以解析文件中的对象 #set ($age =20) //定义一个age变量，并通过set赋值 $age //展示变量age //简单判断 #if($age>10) 懵懂骚年 #else 花样年华 #end //复杂判断 #if( $age > 5 && $age <= 10 ) 学英语,so easy！ #elseif( $age > 10 && $age <= 16) 作业多,怎么办 #elseif( $age > 16 && $age <= 19) 化学难！ #else 后来我们开始怀念上学了！ #end //通过foreach循环遍历集合元素 #foreach($p in $Model.Persons) $p.Name //姓名 $p.Age //年龄 $p.Phone //手机号 #end NVelocity配合一般处理程序(简单使用) <table class="doc-table" > <thead><tr><td>姓名</td>

Thymeleaf字符串转数字

阅读更多关于 Thymeleaf字符串转数字

【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> <tr th:each="pro : ${allPro}"> <td th:text="${pro.areaName}"></td> <td th:text="${#numbers.formatDecimal(pro.comparedTotalNum,1,0)}"></td> <td th:text="${#numbers.formatDecimal(pro.totalMoney,1,2)}"></td> <td th:text="${pro.comparedTotalAreaREBZ}==null ? '0%': ${pro.comparedTotalAreaREBZ}+'%'">0</td> </tr> 说明：格式化的变量可以直接填写不需要$符号来源： oschina 链接： https://my.oschina.net/u/1399599/blog/3152982

JavaScript1

阅读更多关于 JavaScript1

1.JavaScript电灯开关案例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>电灯开关</title> </head> <body> <img id="light" src="img/off.gif"> <script> /* 分析： 1.获取图片对象 2.绑定单击事件 3.每次点击切换图片 * 规则： * 如果灯是开的 on,切换图片为 off * 如果灯是关的 off,切换图片为 on * 使用标记flag来完成 */ //1.获取图片对象 var light = document.getElementById("light"); var flag = false;//代表灯是灭的。 off图片 //2.绑定单击事件 light.onclick = function(){ if(flag){//判断如果灯是开的，则灭掉 light.src = "img/off.gif"; flag = false; }else{ //如果灯是灭的，则打开 light.src = "img/on.gif"; flag = true; } } </script> </body> </html> 2.JavaScript轮播图案例 <!DOCTYPE html> <html lang="en">

Jquery实现挂号平台首页源码2

阅读更多关于 Jquery实现挂号平台首页源码2

第二个版本：点击预约挂号可跳转到排班表，获取之后7个星期的排班先放图首先是index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>index</title>  <link rel="stylesheet" href="css/layout.css">  <link rel="stylesheet" href="css/base.css"> <link rel="stylesheet" href="css/ui.css"> </head> <body>  <div id="top" class="top"> <div class="wrap"> <p class="call">010-114/116114电话预约</p> <p class="welcome">欢迎来到城市医院预约挂号统一平台请 <a href="">登录</a> <a href="">注册</a> <a href="">帮助中心</a></p> </div> </div>  <div id="header" class="header"> <div class="wrap"> <a href="#"

CSS 构造表格

阅读更多关于 CSS 构造表格

表格边框 CSS 中设置表格边框，请使用 border 属性: <style type="text/css"> table{ border:1px solid red; } th,td{ border:1px solid red; } </style> </head> <body> <table> <tr> <th>姓名</th> <th>描述</th> </tr> <tr> <td>小白</td> <td>小白是个猥琐但不下流的人</td> </tr> <tr> <td>小黑</td> <td>小白是个下流但不猥琐的人</td> </tr> <tr> <td>小红</td> <td>小白是个好学但不下流的人</td> </tr> </table> </body> 上例中的表格具有双线条边框。这是由于 table、th 以及 td 元素都有独立的边框。如果需要把表格显示为单线条边框，请使用 border-collapse 属性。( 细线表格 ) <style type="text/css"> table{ border:1px solid red; border-collapse:collapse;/*该属性加在table中*/ } th,td{ border:1px solid red; } </style> </head> <body> <table> <tr> <th>姓名

网站初学笔记3-HTML实用元素2

阅读更多关于网站初学笔记3-HTML实用元素2

HTML 链接 - name 属性 name 属性规定锚（anchor）的名称。您可以使用 name 属性创建 HTML 页面中的书签。书签不会以任何特殊方式显示，它对读者是不可见的。当使用命名锚（named anchors）时，我们可以创建直接跳至该命名锚（比如页面中某个小节）的链接，这样使用者就无需不停地滚动页面来寻找他们需要的信息了。首先，我们在 HTML 文档中对锚进行命名（创建一个书签）： <a name="tips">基本的注意事项 - 有用的提示</a> 然后，我们在同一个文档中创建指向该锚的链接： <a href="#tips">有用的提示</a> HTML 创建表格实例： <html> <body> <p>每个表格由 table 标签开始。</p> <p>每个表格行由 tr 标签开始。</p> <p>每个表格数据由 td 标签开始。</p> <h4>一列：</h4> <table border="1"> <tr> <td>100</td> </tr> </table> <h4>一行三列：</h4> <table border="1"> <tr> <td>100</td> <td>200</td> <td>300</td> </tr> </table> <h4>两行三列：</h4> <table border="1"> <tr> <td>100</td>

HTML5 input类型总结

阅读更多关于 HTML5 input类型总结

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Form</title> <style> form { width: 670px; margin: 0 auto; } td { background-color: #ffffff; } td, input { font-size: 20px; } th { font-size: 26px; background-color: #22ccff; letter-spacing: 2px; } #sub { float: right; margin-left: 10px; position: relative; top: 50px; left: 0px; -webkit-transition: all 0.5s ease-in-out 0.0s; -moz-transition: all 0.5s ease-in-out 0.0s; -ms-transition: all 0.5s ease-in-out 0.0s; -o-transition: all 0.5s ease-in-out 0.0s; transition: all 0.5s ease-in-out 0.0s; } </style> </head> <body> <form

订阅 td