2.掌握CSS3 常用属性 3.掌握jquery的基本用法,对于JS基本逻辑语句需要熟练掌握 上文 【FE前端学习】第二阶段任务-提高 ---- 一、HTML标签 HTML是一种标记语言,标记语言是一套标记标签...,标记标签是用尖括号包围的关键词,以开始标签和结束标签成对存在,如和 HTML属性,给元素提供了更多信息,在开始标签中以名称/值的形式出现,如下例的href属性 如小于号写成< 或 <,在HTML源码中打10个空格,浏览器只显示1个空格,因此用 来输出更多空格 HTML多媒体 用embed标签嵌入MP3文件 框,作为文档流的一部分,行内元素则会创建一个或多个行框,置于其父元素中。relative元素框偏移某个距离。元素仍保持其未定位前的形状,它原本所占的空间仍保留。...position 把元素放置到一个静态的、相对的、绝对的、或固定的位置中。 visibility 设置元素是否可见或不可见。
今天给大家推荐一款不错的超酷消息警告框–SweetAlert;SweetAlert是一款不需要jQuery支持的原生js提示框,风格类似bootstrap。...SweetAlert 能在页面自动居中,支持桌面环境,移动端和平板,并且高度自定义。接下来看看它的具体使用!...sweetalert.css"/> 然后放置...- animation 提示框弹出时的动画效果,如slide-from-top(从顶部滑下)等 - html 是否支持html内容。 - timer 设置自动关闭提示框时间(毫秒)。...- imageUrl 定义弹出框中的图片地址。 -
居中显示元素 要使元素在屏幕中居中,先要该元素的“position”定位属性值设置为“absolute”,表示绝对定位;然后通过设置“top”、“left”属性值,使元素居中在屏幕中。...window).width() - this.width()) / 2 + $(window).scrollLeft() + "px"); return this; } 但当屏幕大小发生变化时,弹出框并不能随之居中...巧用jQuery中的事件 1. 禁止页面的右键菜单,只需要在页面的“contextmenu”事件中返回false即可。除此之外,由于在该事件中,还可以传递一个“e”对象,进行检测用户按键情况。...限制文本输入框中字符数量 $("textArea").maxLength(140,"divMaxNum"); /*max:最大允许数据字符长度 *ele:显示还可输入字符数元素ID *输入框的字符总数超出指定的长度后...,则通过substring方法截取指定长度内的字符,从而实现限制文本输入框字符总数的功能 */ jQuery.fn.maxLength = function(max,ele) { this.each
有人会问:如何在代码块中打出 ``` 实际上是使用 4个` 包含 3个` 就可以了,想表示更多,最外层+1就好了。...项目二 以上标记显示效果如下: 表头 条目一 条目二 项目 项目一 项目二 可能有人喜欢左对齐或者右对齐,也可以设置: | 左对齐 | 右对齐 | 居中 | | :-------- | --...-----:| :--: | | Computer | 5000 元 | 1台 | | Phone | 1999 元 | 1部 | 以上标记显示效果如下: 左对齐 右对齐 居中 Computer...5000 元 1台 Phone 1999 元 1部 注:三个短竖杠左右的冒号用于控制对齐方式,只放置左边冒号表示文字居左,只放置右边冒号表示文字居右,如果两边都放置冒号表示文字居中。...复选框列表 在列表符号后面加上 [x] 或者 [ ] 代表选中或者未选中情况 - [ ] content -空格[空格]空格content 解释: [ ]括号里面的空格可以换成[x],代表选中对话框
1、创建项目 在Eclipse中创建一个名称为chapterl5的Web项目,在项目的WebContent目录下创建一个名称为js的文件夹,并将下载的jquery-1.11.3.min.js文件放置在文件夹中...2、创建hello.jsp文件 在WebContent目录下创建一个名称为hell.jsp的文件,在该文件的标记中引入jQuery类库文件,并使用jQuery编写一个弹出对话框,其代码如下所示: image.png...u n c t i o n ( ) , 相 当 于 J a v a S c r i p t 中 的 w i n d o w s . o n l o a d 函 数 。...对话框,这说明jQuery已经可以正常使用。 在jQuery中符号的 使 用 最 为 频 繁 。 的使用最为频繁。的使用最为频繁。...此外,还可以使用jQuery代替, 例 如 ,例如,例如(document)可以写成jQuery(document)。$实际上是jQuery的简写形式。
头部 body 身体 h 这是标题,比如一级标题h1,h1~h6 p 段落 div 区块(最常用的标签之一,里面可以放任何内容) span 存放的是特殊效果的文字和小图片 img 图片 (alt里面放置的是网络不好时的替换文本...:none 去掉焦点框 form 表单 input 输入框(text是文本框,password是密码框,radio是单选框,checkbox是复选框,file是上传文件,textarea是文本域(也就是前面禁止拖拽功能实现的地方...提交,button普通的按钮,reset重置(工作中一般不用)) select 选择菜单(下拉菜单功能嵌套option使用) table 表格 (tr行 td单元格 th表头) 普通语义: b加粗 i倾斜...字符串 boolean布尔型 null 无 object 对象 undefined 没有定义 onclick 单击(js中,在jQuery中是click) onmouseover鼠标滑过 onmouseout...中,但凡是有两个功能的效果是相反的,肯定会有第三个功能,这个功能会集成那两个功能,这个功能的名称单词中肯定会有toggle) val (jQuery中的val是专门来修改访问value属性值的) value
如果你要放置最大化框、最小化框、系统菜单和上下文帮助,那么你必须包括该样式。 ...wx.MAXIMIZE_BOX:在标题栏的标准位置放置一个最大化框。 wx.MINIMIZE_BOX:在标题栏的标准位置放置一个最小化框。 ...wx.CLOSE_BOX:在标题栏的标准位置放置一个关闭框。 wx.RESIZE_BORDER:给框架一个标准的可以手动调整尺寸的边框。 ...参数的默认值是wx.BoTH,在此情况下,框是在两个方向都居中的。参数的值若是wx.HORIZONTAL或wx.VERTICAL,表示在水平或垂直方向居中。...IsTopLevel():对于顶级窗口部件如框架或对话框,总是返回True,对于其它类型的窗口部件返回False。
5.实践和项目:通过实践和实际项目,将所学的知识应用到实际中。可以尝试构建简单的网页,如个人简历、博客等,并逐渐挑战更复杂的项目。...-- jQuery --> jquery/1.12.4/jquery.min.js"> 这是一个对话框的内容。...放到何处 -> ondragover事件规定在何处放置被拖动的数据。 默认地,无法将数据/元素放置到其他元素中,如果需要设置允许放置,我们必须阻止对元素的默认处理方式。...var data=ev.dataTransfer.getData("Text"); // 将被拖拽的元素使用appendChild()方法追加到放置元素(目标元素)中。
标记 标记是HTML文件的开头。 所有的HTML文件都以标记开头,以标记结束,即HTML页面的所有标记都要放置在与标记中。...标记虽然没有实质性的功能,但却是HTML必不可少的部分。 2.标记 标记是HTML文件的头标记,用于存放HTML文件的信息,如定义CSS样式的代码可放置在与标记之中。 3....标记本身也具有控制页面的一些特性,如控制页面的背景图片和颜色等。 HTML常用标记 1.换行标记 在HTML中,换行标记是 例:创建一个HTML页面,在页面中输入一首古诗。...4.居中标记 居中标记以标记开头,以结尾。 标记之中的内容居中显示。 5.文字列表标记 无序列表 无序标记是在每一个列表项的前面添加一个圆点符号。...普通按钮 radio 单选选项 hidden 隐藏域 checkbox 复选框 image 图像域 例:创建一个index.html的文件,在该文件的标记中添加一个表单,并且在该表单中应用标记中添加文本框
in movie: # 第二个小部件插入数据 listb2.insert(0,item) listb.pack() # 将小部件放置到主窗口中...我们提出这些部件以及一个简短的介绍,在下面的表: 控件 描述 Button 按钮控件;在程序中显示按钮。...Canvas 画布控件;显示图形元素如线条或文本 Checkbutton 多选框控件;用于在程序中提供多项选择框 Entry 输入控件;用于显示简单的文本内容 Frame 框架控件;在屏幕上显示一个矩形区域...label比较类似 Radiobutton 单选按钮控件;显示一个单选的按钮状态 Scale 范围控件;显示一个数值刻度,为输出限定范围的数字区间 Scrollbar 滚动条控件,当内容超过可视化区域时使用,如列表框...tkMessageBox 用于显示你应用程序的消息框。 ---- 标准属性 标准属性也就是所有控件的共同属性,如大小,字体和颜色等等。
可以自定义alert/confirm/prompt/dialog弹出框 下载与使用 bootbox的所有版本都是在Bootstrap和jQuery的基础之上的,因此bootstrap,jQuery和bootbox...({ message: 'i class="fa fa-spin fa-cog">i> Please wait while...类型: String | Element 文字(或标记) 显示在对话框中 title:设置标题 类型: String | Element 在对话框中添加标题并放置此文本(或标记)中的 元素。...类将添加到对话框包装器中。...默认: false scrollable 类型: Boolean 如果为true,则modal-dialog-scrollable 类将添加到对话框包装器中。启用此选项可使长模态的内容自动滚动。
但是GFM 的MarkDown语法和标准的MarkDown稍有不同,使用过程中需要注意一些,在下面的介绍中我会进行说明的请放心。...有人会问: 如何在代码块中打出 ``` 实际上是使用 4个` 包含 3个` 就可以了,想表示更多,最外层+1就好了。...5000 元 1台 Phone 1999 元 1部 注:三个短竖杠左右的冒号用于控制对齐方式,只放置左边冒号表示文字居左,只放置右边冒号表示文字居右,如果两边都放置冒号表示文字居中。...">danger 以上标记显示效果如下: danger 在主题配置文件中需要配置下: # Note tag (bs-callout). note: # 风格 style...hexo不支持) 在列表符号后面加上 [x] 或者 [ ] 代表选中或者未选中情况 - [ ] content -空格[空格]空格content 解释: [ ]括号里面的空格可以换成[x],代表选中对话框
jquery ui则是在jquery的基础上对jquery的扩展,是jquery的插件。jquery ui提供了一些常用的界面元素,如对话框,拖动行为,改变大小行为等。...实现单击按钮时弹出一个对话框 打开弹框 jQuery: $(function(...49.如何在单击一个按钮时使用jQuery隐藏一副图片 $('.demo-img').click(function() { $('.img').hide(); }); 50....113.使用jQuery中的动画 hide()和show()可以同时修改多个样式属性,如高度,宽度,不透明度。 fadeIn()和fadeOut(),fadeTo()只能改变不透明度。...包裹节点的方法:wrapAll(),wrap(), wrapInner(),在文档中插入额外的结构化标记时可以使用这些包裹的方法,因为它不会破坏原始文档的语义。
按钮 在前面的章节中,我们看到了如何创建各种类型的按钮。这里,我们将看到使用Bootstrap的JavaScript插件如何在不同的状态使用它们,并且让它们切换状态。...这里,我在panel-group容器中插入了一个panel组件的标记。每个panel都分为两个部分:一个a panel-heading元素和一个panel-body元素。...am a Bootstrap button">Who am I ?...在默认情况下,模式页脚中的内容是右对齐的。 如果您在浏览器中检查前面的模式对话框代码片段,则将一无所获;模式对话框是隐藏的。...现在我们准备好使用我们的模式对话框了。点击按钮,查看浏览器中的模式对话框,如图所示。 ? ? 模式对话框的放置 模式对话框必须放在文档的顶层位置,以防止与其他组件发生冲突。
最近在工作中遇到了jquery的easydrag插件,我有一种相见恨晚的赶脚!easydrag极大的方法我们实现div弹框这个功能,使我爱不释手!...在没遇到easydrag插件之前,想实现一个弹出框并不是一件轻而易举的事情! 人们常说没有不劳而获的事情,但在编码的世界中却不是这样。更多的开源框架方面了我们,也毒害了我们!...-- 使用百度的jquery在线cdn --> jquery/2.0.0/jquery.min.js"> $(function(){ //btn绑定click事件 $('.btn').click(function(){ //设置弹出框居中...i> <img src="images/img03.jpg"
入门: 下载BootStrap www.bootcss.com官网地址 模板: 1.导入BootStrap的css. 2.导入jquery的js(1.8+) 3.导入BootStrap的js 4.设置视口...hidden-md 中等屏幕时隐藏 hidden-lg 大屏幕时隐藏 标题: h1 -- h6 对其方式:(文本) text-left 左对齐 text-center 居中...text-right 右对齐 列表: list0unstyled : 移除默认的列表样式 list-inline : 将所有列表项放置同一行 表格: bootstrap...list-inline:把列表横着排列 组件: "无数可复用的组件,包括字体图标,下拉菜单,导航,警告框,弹出框等更多功能" 下拉选: 导航条: javaScript 插件: "jQuery 插件为...Bootstrap 的组件赋予了"生命".可以简单的一次性引入所有插件,或者逐个引入到你的页面中."
在下面的例子里,我们将展示我们如何在PyQt5中显示应用图标。我们也将介绍一些新方法的使用。 #!...btn.resize(btn.sizeHint()) btn.move(50, 50) 关闭窗口 明显的关闭窗口的方法是点击标题栏的X标记。...QPushButton(string text, QWidget parent = None) text参数是将显示在按钮中的内容。parent参数是一个用来放置我们按钮的组件。...屏幕上居中的窗口 下面的脚本展示我们如何把窗口居中显示到桌面窗口。 #!...self.center()将窗口居中放置的代码在自定义的center()方法中 我们获得主窗口的一个矩形特定几何图形。这包含了窗口的框架。
( 和 中) .list-inline: 将所有列表项放置同一行 .dl-horizontal: 该类设置了浮动和偏移,应用于 元素和 元素中,具体实现可以查看实例...-- 需求3: 包含 jQuery 库 --> jquery/2.1.1/jquery.min.js">...-- 需求3: 包含 jQuery 库 --> jquery/2.1.1/jquery.min.js">...输入框组扩展自表单控件。使用输入框组,您可以很容易地向基于文本的输入框添加作为前缀和后缀的文本或按钮。...-- 注意居中显示块 必须设置宽度大小 --> 采用 center-block 居中显示</div
所有HTML文件都是以标记开头,以标记结束,HTML页面的所有标记都要放置在与标记中,标记并没有实质性的功能,但却是HTML文件不可缺少的内容...标记 文件的头标记,放置HTML文件的信息, 如: - <meta http-equiv="Content-Type" content="text/html; charset=utf-8...image.png 4.居中标记 。标记中的内容为居中显示。...image.png 4.HTML表单标记 对于经常上网的人来说,对网站中的登录等页面肯定不会感到陌生。在登录页面中,网站会提供 给用户用户名文本框与密码文本框,以供访客输入信息。...下拉列表框标记 标记可在页面中创建下拉列表框,此时的下拉列表框是一个空的列表,要使用 标记向列表中添加内容。