- 博客(22)
- 收藏
- 关注
RSS订阅原创 jQuery淡入淡出fadeIn() fadeOut() fadeToggle() fadeTo()
通过 jQuery，您可以实现元素的淡入淡出效果。jQuery 拥有下面四种 fade 方法：fadeIn()fadeOut()fadeToggle()fadeTo()1,jQuery fadeIn() 方法Query fadeIn() 用于淡入已隐藏的元素。语法：$(selector).fadeIn(speed,callback);可选的 speed 参数规定效果的时长。它可以取以下值："slow"、"fast" 或毫秒。可选的 callback 参数是 fading 完
2020-07-22 14:03:16
578
原创 jQuery hide() 和 show() 隐藏和显示用法
隐藏、显示、切换，滑动，淡入淡出，以及动画，1，通过 jQuery，您可以使用 hide() 和 show() 方法来隐藏和显示 HTML 元素：$("#hide").click(function(){ $("p").hide();});$("#show").click(function(){ $("p").show();});2，带参数$(selector).hide(speed,www.xinchengcork.com);$(selector).show(speed,..
2020-07-22 13:58:59
1309
原创 总结jQuery 事件大全
页面对不同访问者的响应叫做事件 www.xinchengcork.com。事件处理程序指的是当 HTML 中发生某些事件时所调用的方法在元素上移动鼠标。选取单选按钮点击元素鼠标事件 键盘事件 表单事件 文档/窗口事件click keypress submit loaddblclick keydown change resizemouseenter keyup focus scroll...
2020-07-20 20:57:55
151
原创 jQuery 选择器分类汇总
jQuery 选择器允许您对 HTML 元素组或单个元素进行操作。jQuery 选择器基于元素的 id、类、类型、属性、属性值等"查找"（或选择）HTML 元素。 它基于已经存在的 CSS 选择器，除此之外，它还有一些自定义的选择器。jQuery 中所有选择器都以美元符号开头：$()。1，元素选择器<p>www.xingchengcork.com</p>$(document).ready(function(){ $("button").click(functi.
2020-07-20 20:47:33
152
原创 什么是CSS3 渐变（Gradients）
CSS3 定义了两种类型的渐变（gradients）：线性渐变（Linear Gradients）- 向下/向上/向左/向右/对角方向径向渐变（Radial Gradients）- 由它们的中心定义1，CSS3 线性渐变为了创建一个线性渐变，你必须至少定义两种颜色节点。颜色节点即你想要呈现平稳过渡的颜色。同时，你也可以设置一个起点和一个方向（或一个角度）。线性渐变 - 从上到下（默认情况下）下面的实例演示了从顶部开始的线性渐变。起点是红色，慢慢过渡到蓝色：从上到下的线性渐变：
2020-07-17 18:19:56
338
原创 CSS3 文本效果属性类型哪些
1，CSS3 的文本阴影CSS3 中，text-shadow属性适用于文本阴影。您指定了水平阴影，垂直阴影，模糊的距离，以及阴影的颜色：2，CSS3 box-shadow属性CSS3 中 CSS3 box-shadow 属性适用于盒子阴影实例div { box-shadow: 10px 10px 5px #888888;}3，CSS3 Text Overflow属性CSS3文本溢出属性指定应向用户如何显示溢出内容实例p.test1 { white-spa...
2020-07-17 18:15:04
206
原创 关于CSS3 字体描述总结
下表列出了所有的字体描述和里面的@font-face规则定义：1，font-family属性必需。规定字体的名称2，font-stretch 属性可选。定义如何拉伸字体。www.dgjinzhengjx.com 默认是 "normal"。normalcondensedultra-condensedextra-condensedsemi-condensedexpandedsemi-expandedextra-expandedultra-expanded3，font-st
2020-07-17 18:00:10
161
原创 CSS3动画是什么？
动画是使元素从一种样式逐渐变化为另一种样式的效果。您可以改变任意多的样式任意多的次数。请用百分比来规定变化发生的时间，或用关键词 "from" 和 "to"，等同于 0% 和 100%。0% 是动画的开始，100% 是动画的完成。为了得到最佳的浏览器支持，您应该始终定义 0% 和 100% 选择器。实例当动画为 25% 及 50% 时改变背景色，然后当动画 100% 完成时再次改变：@keyframes myfirst{ 0% {background: red;}...
2020-07-17 17:55:41
239
原创 什么是CSS3 过渡效果
CSS3中，我们为了添加某种效果可以从一种样式转变到另一个的时候，无需使用Flash动画或JavaScript。用鼠标移过下面的元素www.dgfengtongjd.com1，工作原理指定要添加效果的CSS属性指定效果的持续时间。2，过渡属性属性 描述 CSStransition 简写属性，用于在一个属性中设置四个过渡属性。 transition-property 规定应用过渡的 CSS 属性的名称。 transition-duration ...
2020-07-17 17:52:50
256
原创 HTML 5 Canvas之线条样式
HTML 5 Canvas之线条样式1，lineCap设置或返回线条的结束端点样式2，lineJoin设置或返回两条线相交时，所创建的拐角类型3，lineWidth设置或返回当前的线条宽度4，设置或返回最大斜接长度文章来自 www.shiguangbiaoye.com...
2020-07-14 14:49:04
293
原创 HTML事件属性之Mouse事件
由鼠标或类似用户动作触发的事件1，onclick元素上发生鼠标点击时触发2，ondblclick元素上发生鼠标双击时触发。3，onscroll当元素滚动条被滚动时运行的脚本。4，onmousewheel当鼠标滚轮正在被滚动时运行的脚本文章来自 www.shiguangbiaoye.com...
2020-07-14 14:45:41
984
1
原创 HTML 事件属性之Media 事件
由媒介（比如视频、图像和音频）触发的事件（适用于所有 HTML 元素，但常见于媒介元素中，比如 <audio>、<embed>、<img>、<object> 以及 <video>）www.dgjinzhengjx.com :1，onabort在退出时运行的脚本。2，oncanplay当文件就绪可以开始播放时运行的脚本（缓冲已足够开始时）。3，onerror当在文件加载期间发生错误时运行的脚本。4，onwaiting.
2020-07-14 14:38:15
292
原创 HTML 事件属性之Keyboard事件
HTML 事件属性之Keyboard事件1，onkeydown在用户按下按键时触发。2，onkeypress在用户敲击按钮时触发3，onkeyup当用户释放按键时触发。文章来自 www.shiguangbiaoye.com
2020-07-13 20:44:31
1740
原创 HTML事件属性之Form事件
由 HTML 表单内的动作触发的事件（应用到几乎所有 HTML 元素，但最常用在 form 元素中）1，onblur元素失去焦点时运行的脚本。2，onchange在元素值被改变时运行的脚本3，oncontextmenu当上下文菜单被触发时运行的脚本。4，onfocus当元素获得焦点时运行的脚本。文章来自 www.shiguangbiaoye.com...
2020-07-13 20:41:54
822
原创 BOOTSTRAP 基本样式 - 栅格布局
步骤 1 : 栅格系统运用Bootstrap的栅格系统，可以做出像table那样定义多少行，多少列效果，但是又比table灵活。运用Bootstrap的栅格系统，首选需要准备一个class=container的div紧接着需要一个class=row的 div，表示行再挨着的div，就是列了。Bootstrap的栅格系统会默认把一行，分成12列。步骤 2 : 一半，1/3， 1/4根据栅格系统的规划，要实现一半，1/3,1/4的布局，就很容易实现了。步骤 3 : 自动换行当同一行
2020-07-02 09:40:48
516
原创 BOOTSTRAP - 基本样式 - 图片
示例 1 : 圆角 <img src="www.shiguangbiaoye.com/example.gif" class="img-rounded">示例 2 : 圆形 <img src="www.shiguangbiaoye.com/example.gif" class="img-circle">示例 3 : 缩略图 <img src="www.shiguangbiaoye.com/example.gif" class="img-thumb...
2020-07-02 09:36:30
183
原创 BOOTSTRAP-基本样式 - 表格
示例 1 : 基本表格 示例 2 : 带斑马线的表格 示例 3 : 带边框的表格 示例 4 : 有鼠标悬停状态的表格 示例 5 : 更加紧凑的表格 示例 6 : 多种表格效果整合在一起 示例 7 : 激活样式 示例 8 : 成功样式 示例 9 : 信息样式 示例 10 : 警告样式 示例 11 : 危险样式 <table class="table"> <thead> <th>头像</t...
2020-07-02 09:33:44
132
原创 BOOTSTRAP基本样式按钮
1,按钮样式 可以用于按钮元素<button>超链元素<a>按钮类型的input元素 <input type="button">提交类型的input元素 <input type="submit">重置类型的input元素 <input type="reset">2,按钮样式示例 1 : 原始样式按钮 示例 2 : 默认按钮 示例 3 : 提交按钮 示例 4 : 成功按钮 示例 5 : 信息按钮 示例...
2020-07-02 09:31:03
482
原创 Bootstrap 面包屑导航用法
面包屑导航（Breadcrumbs）是一种基于网站层次信息的显示方式。以博客为例，面包屑导航可以显示发布日期、类别或标签。它们表示当前页面在导航层次结构内的位置。Bootstrap 中的面包屑导航（Breadcrumbs）是一个简单的带有 .breadcrumb class 的无序列表。分隔符会通过 CSS（bootstrap.min.css）中下面所示的 class 自动被添加：下面的实例演示了面包屑导航：实例<ul class="breadcrumb"> <li&..
2020-07-01 17:55:56
557
原创 Bootstrap 下拉菜单插件用法
Bootstrap 下拉菜单 这一章讲解了下拉菜单，但是没有涉及到交互部分，本章将具体讲解下拉菜单的交互。使用下拉菜单（Dropdown）插件，您可以向任何组件（比如导航栏、标签页、胶囊式导航菜单、按钮等）添加下拉菜单。<div class="dropdown"> <a data-toggle="dropdown" href="#">下拉菜单（Dropdown）触发器</a> <ul class="dropdown-menu" role="menu" a..
2020-07-01 17:53:16
251
原创 Bootstrap 折叠（Collapse）用法总结
折叠（Collapse）插件可以很容易地让页面区域折叠起来。无论您用它来创建折叠导航还是内容面板，它都允许很多内容选项。<div class="panel-group" id="accordion"> <div class="panel panel-default"> <div class="panel-heading"> <h4 class="panel-title"> &l...
2020-07-01 17:50:48
3638
原创 Bootstrap 轮播bannner滚动总结
Bootstrap 轮播（Carousel）插件是一种灵活的响应式的向站点添加滑块的方式。除此之外，内容也是足够灵活的，可以是图像、内嵌框架、视频或者其他您想要放置的任何类型的内容。<div id="myCarousel" class="carousel slide"> <!-- 轮播（Carousel）指标 --> <ol class="carousel-indicators"> <li data-target="#myCaro...
2020-07-01 17:47:59
365
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人