期权学习第688页

期权视频资料下载期权知识

tab选项卡效果

CSS的部分： *{ padding: 0; margin: 0; } #tab{ width: 600px; height: ...

期权知识 2020-08-18 588 0
js幻灯片轮播图实现效果

轮播图是现在网站网页上最常见的效果之一，对于轮播图的功能，要求不同，效果也不同！我们见过很多通过不同的方式，实现这一效果，但是有很多比较麻烦，而且不容易理解，兼容性也不好。原生JS实现幻灯片的示例代码,具有很好的参考价值，在这里分享一下，用js原生代码，实现轮播图的常见效果！思路比较清晰，而且可重复性高，也几乎包含了现在网页上轮播实现的所有效果！ <!DOCTYPE html> <html> &...

期权知识 2020-08-18 566 0
JS内置顶层函数

//创建一个布尔值的假 //var dd = 5>6; //转换成数值 //var tt = Number(dd); //执行转出来的数字是0（假），如果是1（真） //document.write(tt); //如果是下面这个,转出来的是2.999,后面的0会去掉(没意义) //var dd =2.9990000; //var tt = Number(dd); //document.write(tt); //如果是下面undefined,空就量(var dd;);转出来的...

期权知识 2020-08-18 541 0
单层for循环和双层for循环详解

1、单层for循环 //for循环结构 //for (定义计数器;成立条件;计数器的变化) { // //} //for循环一定要有头有尾,不能是无限的死循环. //for (var i=0;i<100;i++) { //document.write("你很漂亮"); //} //下面这个是死循环 //for (var i=10;i>0;i++) { //document.write("你很漂亮"); //} //for (var i=10;i>0;i--) {...

期权知识 2020-08-18 529 0
CSS3线性渐变linear-gradient

　渐变实际上是两种或多种颜色之间的平滑过渡。而线性渐变是多种颜色沿着一条直线(称为渐变线)过渡。渐变的实现由两部分组成：渐变线和色标。渐变线用来控制发生渐变的方向；色标包含一个颜色值和一个位置，用来控制渐变的颜色变化。浏览器从每个色标的颜色淡出到下一个，以创建平滑的渐变，通过确定多个色标可以制作多色渐变效果。 /*背景颜色渐变（从左侧开始，红色渐变到，蓝色）*/ background: -webkit-linear-gradient(left, red , blue);&...

期权知识 2020-08-18 539 0
jquery隐藏可选择下拉列表

1、因为动态的css楼主写不出来，因此需要引入layui中的css样式：<link rel="stylesheet" href="${ctxStatic}/layui/css/layui.css">； 2、需要引入jquery-1.8.3.js版本的jquery 话不多说，代码实现如下： var selectData={};//下拉列表总数据 /** * 下拉搜索，多选择等 */ $.fn.selectDataFun=function (json) { &nbs...

期权知识 2020-08-18 538 0
html5新增语义化标签详解

CSS <style type="text/css"> *{ padding: 0; margin: 0; } body{ pa...

期权知识 2020-08-18 520 0
js滑动门效果

一、什么是滑动门大家在网页中经常会见到这样一种导航效果,因为使用频率广泛,所以广大的程序员给它起了一个名字,叫做滑动门.在学习滑动门之前,首先你要了解什么是滑动门。 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> &...

期权知识 2020-08-18 504 0
css的px、em、rem、vh、vw、vmin、vmax单位使用总结

1、px：绝对单位，页面按精确像素展示 2、em：相对单位，基准点为父节点字体的大小，如果自身定义了font-size按自身来计算（浏览器默认字体是16px），整个页面内1em不是一个固定的值。 em是指字体高度浏览器默认1em=16px,所以0.75em=12px;我们经常会在页面上看到根元素写的font-size:62.5%; 这样em就成了16px*62.5=10em;这是显示在页面的字体大小是10px; 这样12px=1.2em,10px=1em,也就是说只需要将你的原来的px数值除以10，然后换上...

期权知识 2020-08-18 586 0
column-count column-rule分栏栏宽列数分隔线

CSS <style type="text/css"> #kuk{ /*列数分栏*/ column-count: 5; /*分隔线*/ column-rule: 3px solid purple;...

期权知识 2020-08-18 531 0