- 博客(16)
- 收藏
- 关注
RSS订阅原创 加减乘除小计算器
效果图：CSS及JavaScript基本常识：td 属性：abbr规定单元格中内容的缩写版本algin：规定单元格内内容的水平对齐方式axis：对单元进行分类char：规定根据哪个字符进行内容的对齐charoff规定对其字符的偏移量colspan：规定单元格可横跨的列数headers：规定与单元格相关的表头rowspan：规定单元格可横跨的行数valign：规定单元格...
2020-06-04 10:38:37
1116
原创 jetty的启动、部署简单html文件
jetty初次见面Jetty就是一个开源的HTTP服务器和Servlet引擎，它可以为JSP和Servlet提供运行时环境。与Java Web应用最常用的Servlet容器Tomcat相比，Jetty有其轻量、灵活的特性，应用广泛jetty的安装jdk下载及安装jdk下载地址第一步：第二步第三步： 下载结束后，双击，点击下一步第四步： 选择下载地址，最好不要放置在系统...
2019-11-25 20:34:26
1001
原创 设置c语言控制台大小问题
控制台大小设置手动控制在输出的控制台设置大小1.打开控制台，右键如图任一部分，点击属性（p）2.如图中，选择第三栏—布局----去掉勾选之后即可进自行调节注意：屏幕缓冲区大小表示在此宽度范围内不会自动换行，如果不想自动换行输出一部分内容，可以设置较大值窗口大小表示控制台的可见大小，而不会根据内容的大小进行调整，如果屏幕缓冲区宽度大于窗口大小宽度，则控制台底部会出现横向滑动条...
2019-11-24 10:46:07
8067
3
原创 简易版百度换肤之background属性
用JavaScript实现简易百度换肤功能百度换肤简单来说，百度换肤就是将皮肤图片绑定点击事件，将body背景换为被点击的图片，达到换肤效果。换肤之后，发现背景图片变化，那用JS怎么实现换肤效果呢代码初稿：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <tit...
2019-08-17 18:37:32
327
原创 Review jQuery-Ajax
了解AjaxAjax简单来说就是在不重载整个网页的情况下，AJAX 通过后台加载数据，并在网页上进行显示，是与服务器交换数据的技术。使用 HTTP Get 和 HTTP Post 从远程服务器上请求文本、HTML、XML 或 JSON 同时您能够把这些外部数据直接载入网页的被选元素中。常用方法load()方法：从服务器加载数据，并返回get() 和 post() 方法用于通...
2019-08-12 20:52:55
95
原创 Review jQuery-遍历
祖先遍历（向上遍历）parent()方法：返回被选元素的直接父元素（只会对上一级DOM树进行遍历）parents()方法：返回所有祖先元素，直到文档的根元素htmlparentsUntil() 方法：返回介于两个给定元素之间的所有祖先元素。用法如下 $("span").parentsUntil("div").css({"color":"red","border":"2px soli...
2019-08-12 20:29:35
111
翻译 Review jQuery-HTML
捕获DOM(Document Object Model)定义访问HTML和XML文档的标准text（）返回所选元素的文本内容html（）返回所选元素的内容val（）设置或返回表单字段的值attr() 获取属性对于 HTML 元素本身就带有的固有属性，在处理时，使用 prop 方法。对于 HTML 元素我们自己自定义的 DOM 属性，在处理时，使用 attr 方法。如何获取：...
2019-08-12 18:03:13
100
翻译 GoOver jQuery-基础&效果
重温jQuery简介是一个JavaScript库，即JS框架功能众多大量插件安装下载jQuery库CDN中载入（全称是Content Delivery Network，即内容分发网络。）替代方案：通过CDN引用1).staticfile CDN:<script src="https://cdn.staticfile.org/jquery/1.10.2/jq...
2019-08-12 17:11:46
119
原创 拼图小游戏
效果展示：代码：html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <met...
2019-08-11 21:12:26
208
原创 ico小图标的下载及使用
ico的下载及使用在网站 https://icomoon.io/ 中第一步：第二步第三步：找到下载文件位置，解压缩复制之后的位置：第四步：打开解压之后的style.css文件,将字体图标的声明加入网页的层叠样式表中@font-face { font-family: 'icomoon'; src: url('fonts/icomoon.eot?dsj2x4'...
2019-08-08 11:36:00
2314
原创 CSS中精灵图的使用
如何使用精灵图以京东网中的底部版权为例（jd.com）下面是运行之后的结果（使用CSS样式的background-position属性定位在精灵图中的位置，即获取想要的一部分）：先确定小图标在精灵图中的位置打开ps，拖入精灵图，使用拖动参考线来确定小图标的坐标（X，Y），X、Y均为负值，由于处于第四象限。如图所示五个小图标的位置即可确定。那怎么在CSS中使用呢？如下有关代码h...
2019-08-06 11:46:26
1250
原创 PS制作CSS精灵图
精灵图简介1.精灵图（雪碧图）（1）问题：精灵图就是将很多的小图标合并到一张较大的图片中，那精灵是啥意思呢?(为此笑了一下午的我) 。（2）精灵图也称雪碧图，由于大型网页首次加载需要时间，如果再加之加载小图标的时间，则会严重影响到用户体验。所以，考虑到在同一时间内，服务器拥堵的情况，使用精灵图来解决这一问题。那么怎么制作精灵图呢2.使用ps制作精灵图的详细步骤示例：将如下图图片中的四个图...
2019-08-06 11:03:07
5299
原创 css中如何解决垂直居中
垂直居中问题实例一：问题：如下图所示，由于字体多少导致框大小不一致的情况有关代码：html部分<div class="col-md-2 col-xs-6 col-probootstrap-animate" data-animate-effect="fadeIn"> <div class="service hover_service text-c...
2019-08-02 23:58:09
508
原创 梅兰商城实战（DIV+CSS）
Div+CSS梅兰商城适合小白练习html+css，原网站 http://www.meilansm.com/由于网页结构简单，所以选择此网站练习，不要介意界面丑（~ <> ~）建议：（1）先分析网页结构，划分div块代码如下：html部分：<!DOCTYPE html><html><head> <meta charset=...
2019-08-02 21:01:48
1031
原创 css小练习
Div+CSS超级梦幻登陆界面这是效果界面展示。实现代码如下html代码部分`.// <!DOCTYPE html><html><head> <meta charset="UTF-8" /> <title>login</title> <link rel="stylesheet" h...
2019-08-01 11:02:03
612
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人