1.css中的Media Query（媒介查询）： 设备宽高： device-width，device-height 渲染窗口的宽和高：width，height 设备手持方向：orientation 设备的分辨率：resolution2.使用方法： 外联 内嵌样式<!doctype html><html><head><meta charset="UTF-8"><title>js事件测试</title><link rel="stylesheet" href="js.css" type="text/css" media="only screen and (max-width:640px)"></head> <style> @media sc...
效果图： 代码实现：样式部分style.css:*{margin: 0;padding: 0; } body{background-color: #673929;font-size: 16px;font-family: "微软雅黑" } #conters{margin: 0 auto;width: 900px; }#header{height: 220px;margin-bottom: 5px;position: relative; } #icon-list{position: absolute;top:170px;right: 30px;width: 130px;height: 30px;/*font-size: 0;*/ }#nav{height: 30px;background: #09c;margin-bottom: 5px;font:18px...
复制代码代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>固定标题列、标题头table</title> <style> table{border-collapse:collapse;border-spacing:0px; width:100%; border:#000 solid 0px;} table...
源文档链接: http://tomcat.apache.org/tomcat-6.0-doc/cluster-howto.html 翻译日期: 2014年3月19日翻译人员: 铁锚感受: Tomcat 的这个集群有很多问题, 所以如果需要做分布式集群，最好使用无状态的应用程序,外加缓存系统。假如改造旧系统，那么也许可以参考一下。翻译如下:Apache Tomcat 6.0如何实现 集群化/Session 复制重要提示也可以查阅 cluster配置参考文档.内容列表快速设置Cluster 基础概述集群信息崩溃后绑定会话到故障转...
1、目的：在前段是 jQuery库 或者 VUE库 或者两者混合库，将html 页面和数据 转换成PDF格式并下载，支持分页2、引入类库包：<!-- .pdf文件下载 download --><script src="https://cdn.bootcss.com/html2canvas/0.5.0-beta4/html2canvas.js"></script><script src="https://cdn.bootcss.com/jspdf/1.3.4/jspdf.debug.js"></script> <!-- jQuery 2.2.3 --> <script src="/plugins/jQuery/jquery-2.2.3.min.js"></script>3、需要下载...
复制代码代码如下:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <head> <title>打折后价格计算</title> <!-- 设置计算价格事件函数，取不同下拉打折数，计算结果送入文字框--> <script type="text/javascript"> function calculator(){ var prices=document.getElementById("price"); var discounts=document.getElementById("n...
项目开发中遇到了一个变态需求，需要把一整个页面导出为pdf格式，而且要保留页面上的所有的表格、svg图片和样式。简而言之，就是希望像截图一样，把整个页面截下来，然后保存成pdf。咋不上天呢……查了一下，能够实现html转pdf的方法还是挺多的，大概有以下几种：1、大部分浏览器就有这个功能。然而我们客户要的可不是这个，人家要的是能够在系统中主动触发的导出为pdf功能，所以这种方案pass。2、利用第三方工具。我找到了一种利用...
文字隐藏代码，在HTML中隐藏某段文字 复制代码代码如下:<p style="display:none;"> 需要隐藏的文字....... </p> <div style="display:none;"> 隐藏文字 </div> 原文：http://www.jb51.net/web/131434.html
什么是卷轴玩过RPG或者横版格斗的同学应该知道，人物走到屏幕中央后，由于地图过大，地图会进行移动，人物则相对静止不动。这个就是传说中的卷轴。例如下图是我的游戏“三国战线”里的卷轴：有了以上的简介，大家应该明白了什么是卷轴。说白了就是镜头跟随主角的效果。接下来，我们就利用lufylegend.js游戏引擎来实现这个效果。原理介绍其实实现这个效果的关键在于如何使人物静止，何时移动地图，以及如何移动地图。在探究这个两个...
上一章 我们知道了怎么处理两个重要的吃棋动作，想要吃对方的棋子，首先得移动自己的棋子。现在里沃特跟大家分享分享，怎么移动棋子。想要移动棋子，在页面上，首先要点击一下要移动的棋子，然后再点击一下目标位置，如果可以移动，则把棋子移动的目标位置，原来的位置就要清空。上面这句话，我们要分两步来处理：1、判断目标是否可移动；2、可以移动则移动棋子。 1、判断目标是否可移动。首先移动时只能按直线，其次目标位置与原始...
最近在做一个项目时, 研究了一下新浪微博的前端, 看到首页中那个图标了吗, 以前看到这类效果的第一反应就是用一个gif之类的图标做出来!!但在研究的过程, 发现了一个小技巧, 注意那个em标签中的文本是E, 但显示出来一个类似ICON的图标. 既然是HTML+CSS写出来的, 那么应该是由css控制显示出来的效果的. 其他的一些css基本没什么问题, 都理解了, 但只有这个 font-family, 强制设置成了 "wbficonregular", 一般操作系统里应该没这个命...
<div><img height="100" width="100" src="https://cdn.pixabay.com/photo/2018/08/14/13/23/ocean-3605547_960_720.jpg" class="pic"/><img height="100" width="100" src="https://cdn.pixabay.com/photo/2011/12/14/12/21/orion-nebula-11107_960_720.jpg" class="pic"/><img height="100" width="100" src="https://cdn.pixabay.com/photo/2017/08/30/01/05/milky-way-2695569_960_720.jpg" class="pic"/></div><div id="outer...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><title>无标题文档</title><style type="text/css"> *{ margin:0px; padding:0px;}#menu{ background-color:#eee; width:600px; height:40px; margin:0 auto;}ul{ list-style...
方法一 ：使用弹性布局 方法二 ：CSS3 transform 属性父级元素定位子集元素加属性：position: absolute; top: 50%; transform: translateY(-50%);方法三： 使用伪元素和vertical-align: middle;.parent:after {content: ‘ ‘;height: 100%;vertical-align: middle;width: 0;}child {display: inline-block;vertical-align: middle;} 原文：https://www.cnblogs.com/SallyShan/p/11588386.html
自已做的,本来想在网上找前辈们做的,可是总找不到这种例子,要么找出来的太复杂,要么就没法用,索性自己写了一个.看看还可以用!贡献出来,估计和我一样的菜鸟用的着!<html><style>body{ font-size:9pt;} table,th,td{font-size:9pt;}.lsitTalbe{table-layout:fixed;width:30%;border-collapse:collapse;border-color:#507010;color:#003300;}.pageda{font-family:Webdings;font-size:12pt;color:#CCCCCC;cursor:default;}.pageu...