02、jQuery选择器

2021年04月06日 阅读:695

基本选择器 通配符选择器:var all = $('*'); //根据 $('*') 获取。 元素选择器:var ele = $('div'); //根据 $('元素名') 获取。如果给好几个元素绑定点击事件,$(this).index()可以确认点击的是第几个元素。 类选择器:var cla = ... 查看全文

第八节 css3动画之transform缩放

2021年04月06日 阅读:484

1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Document</title> 6 <style type="text/css"> 7 .box{ 8 width: 100px; 9 h ... 查看全文

第十七节 css3动画之animation loading案列

2021年04月06日 阅读:346

1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>loading动画</title> 6 <style type="text/css"> 7 @keyframes loading{ 8 fr ... 查看全文

第十四节 css3动画之animation

2021年04月06日 阅读:551

<!-- CSS3 animation动画: 1、@keyframes 定义关键帧动画 2、animation-name 动画名称 3、animation-duration 动画时间 4、animation-timing-function 动画曲线linear(匀速)|ease(缓冲)|steps( ... 查看全文

第十六节 css3动画之animation风车案列

2021年04月06日 阅读:739

1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>旋转的风车</title> 6 <style type="text/css"> 7 @keyframes fengche{ 8 form{ ... 查看全文

第十节 css3动画之transform斜切

2021年04月06日 阅读:393

1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Document</title> 6 <style type="text/css"> 7 .box{ 8 width: 100px; 9 h ... 查看全文

第十八节 css3动画之css权重

2021年04月06日 阅读:615

1 <!-- css权重: 2 css权重指的是样式的优先级,有两条或者多条样式作用于一个元素,权重高的那条样式对元素起作用,权重相同的,后写的样式会覆盖前面的样式 3 4 权重的等级:可以把样式的应用方式分为几个等级,按照等级来计算权重 5 1、!important,加在样式属性后,权重值为100 ... 查看全文

第十八节 jQuery页面滚动距离和页面滚动时间

2021年04月06日 阅读:334

1 <!-- 获得页面滚动距离 2 $(document).scrollTop(); 文档高度超过窗口可视高度,继续下拉,就会有部分文档超过可视窗口的高度,这即是scrollTop 3 $(document).scrollLeft(); 4 5 页面滚动事件 6 $(window).scroll(f ... 查看全文

常用的CSS水平垂直居中方法大全

2021年04月06日 阅读:424

作为一名程序媛在编写页面的时候经常还会遇到水平或者垂直居中的一些布局今天正好有空就把各种居中的方式都总结了一下分享给大家希望能给大家带来帮助 1.已知宽高背景图与背景图上的文字都水平垂直居中 .img-bg{ position: absolute; background: url("http://s ... 查看全文

一篇文章让你了解CSS中flex布局中的网格布局

2021年04月06日 阅读:480

前段时间我刚讲了flex布局中的弹性布局,今天我就再来讲讲网格布局。 网格布局相对于弹性布局个人觉得较为简单, 作用在容器上的: display : grid grid-template-columns : 设置列数 grid-template-rows : 设置行数 fr单位 repeat()方法 ... 查看全文

第十一节 jQuery特殊效果

2021年04月06日 阅读:370

1 <!-- fadeIn() 淡入 2 fadeOut() 淡出 3 fadeToggle() 切换淡入淡出 4 5 hide() 隐藏元素 6 show() 显示元素 7 toggle() 切换元素的可见状态 8 9 slideDown() 向下展开 10 slideUp() 向上卷起 11 s ... 查看全文

页面点击事件向js传uuid值

2021年04月06日 阅读:595

因为uuid是前台通过c标签获取的,当通过点击事件 如: onclick="addFun( ${uuid} )" 时j获取不到值, 需要给${uuid}添加单引号。 onclick="addFun( '${uuid}' )" 这样js就能获取到uuid的字符串了 ... 查看全文

第四节 css3动画之transition

2021年04月06日 阅读:674

1 <!-- 一般用作活动专题网页制作,平常不太用 --> 2 <!-- transition-property 设置过渡的属性,例如:width height background-color 3 transition-duration 设置过渡时间,比如:1s 500ms 4 transitio ... 查看全文

第十三节 css3动画之翻页动画

2021年04月06日 阅读:611

1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Document</title> 6 <style type="text/css"> 7 .box{ 8 width: 200px; 9 h ... 查看全文

第五节 css3动画之图片说明滑入效果

2021年04月06日 阅读:568

1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Document</title> 6 <style type="text/css"> 7 .box{ 8 width: 200px; 9 h ... 查看全文

第十三节 jQuery滑动选项卡

2021年04月06日 阅读:446

1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Document</title> 6 <style type="text/css"> 7 .btns input{ 8 height: 40 ... 查看全文

第十二节 jQuery动画

2021年04月06日 阅读:492

1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Document</title> 6 <script type="text/javascript" src="../jquery-1.12. ... 查看全文

第十七节 jQuery可视区尺寸和文档尺寸

2021年04月06日 阅读:660

1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Document</title> 6 <script type="text/javascript" src="../jquery-1.12. ... 查看全文

从零开始的HTML5之旅(三)

2021年04月06日 阅读:466

HTML5音频 HTML5规定了一种通过audio元素包含音频的方法。audio能够播放声音文件和音频流。 音频格式 | 格式 | IE9 | Firefox 3.5 | Opera 10.5 | Chrome 3.0 | Safari3.0 | | | | | | | | | [Ogg Vorbi ... 查看全文

angularjs 中打开新的浏览器窗口(解决window.open(),浏览器拦截问题)

2021年04月06日 阅读:398

第一步:通过点击事件,打开新窗口,并且传递参数 $scope.finalTrial = function(data){ var url = $state.href('content.checkFinalTrial') window.open(url+'?id='+data.id+'&type=1') ... 查看全文

第二十节 jQuery操作属性

2021年04月06日 阅读:680

1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Document</title> 6 <script type="text/javascript" src="../jquery-1.12. ... 查看全文

React-redux: React.js 和 Redux 架构的结合

2021年04月06日 阅读:369

通过Redux 架构理解我们了解到 Redux 架构的 store、action、reducers 这些基本概念和工作流程。我们也知道了 Redux 这种架构模式可以和其他的前端库组合使用,而 React-redux 正是把 Redux 这种架构模式和 React.js 结合起来的一个库。 Cont ... 查看全文

热门文章

推荐文章

最新文章

置顶文章