![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
彤淇
这个作者很懒,什么都没留下…
展开
-
如何在主页面中显示附页面
在主页面中显示附页面,需要一处空白来显示附页面之前一般见到的是直接跳转页面,这种方法能更好更快的切换想要看到的页面这是页面的局部代码,可以按照自己想法编写页面可以看到这个是可以下拉的页面下图是要显示加载的页面的代码假如点击到权限管理中的权限维护时,获取元素上data-url的值,也就是页面的路径再进行判断当值不等于空、不等于undefined、不包括这个区域时jq中attr的意思是设置或返回被选元素的属性值。为content设置src属性。设置了路径进去还有一个判断是包括该区域.原创 2021-11-08 16:24:59 · 209 阅读 · 0 评论 -
GET获取表单数据的方法
两种最常被用到的方法是:GET 和 POST。关于GET请求:GET请求可被缓存 ,GET 请求保留在浏览器历史记录中 ,GET 请求可被收藏为书签 ,GET 请求不应在处理敏感数据时使用 ,GET 请求有长度限制 ,GET 请求只应当用于取回数据关于POST请求:POST 请求不会被缓存 ,POST 请求不会保留在浏览器历史记录中 ,POST 不能被收藏为书签 ,POST 请求对数据长度没有要求如果希望获得最佳表单传输性能,可以采用 GET 方法发送只有少数简短字段的小表...原创 2021-05-01 15:50:19 · 2393 阅读 · 0 评论 -
图片不断旋转效果
下面是HTML的源码。<html><head><meta charset="utf-8"><title>垂直旋转1</title><style>.il{width: 100%;height: 1000px;}.ol{position: absolute;top: 250px;right: 500px;animation: ainiyou 15s infinite linear;原创 2021-03-04 21:32:34 · 139 阅读 · 1 评论 -
滚轮反转效果
下面是HTML和css的源码。$(document).ready(function(){(function($) {var ost = 0;$(window).scroll(function() {var cOst = $(this).scrollTop();if(cOst > 200 && cOst > ost) {$('#dh').addClass('wannn').removeC...原创 2021-03-04 21:28:57 · 201 阅读 · 1 评论 -
进度条效果
下面是HTML和css的源代码。下面是css的源代码。body {background: #fff;}* {margin: 0;padding: 0;outline: none;}.container {width: 960px;margin: 0 auto;overflow: hidden;}/*上面的css*/#progress {list-...原创 2021-03-04 21:23:51 · 140 阅读 · 1 评论 -
预加载
下面是这次预加载HTML和css的源码data-* 属性用于存储页面或应用程序的私有自定义数据。animate 随时间动态改变属性。animation-duration 规定动画完成一个周期所花费的秒或毫秒。默认是 0。animation-fill-mode规定对象动画时间之外的状态。both向前和向后填充模式都被应用。@keyframes规则 能创建动画0% 是动画的开始时间,100% 动画的结束时间。animation-na...原创 2021-03-04 21:17:41 · 93 阅读 · 1 评论 -
用hue-rotate做不断变换的色调
下面是HTML和scc的源码@keyframes规则在动画的过程中,可以多次更改css样式设定0%是开头动画,100%是当动画完成ransform 用于2D或3D转换的元素filter: hue-rotate(0deg); 色调旋转滤镜过滤器(Filter) - 过滤器在请求处理程序执行请求之前或之后,执行某些任务hue-rotate色调旋转滤镜filter: hue-rotate(360deg); 一个色调360度不断旋转...原创 2021-03-04 21:10:32 · 1793 阅读 · 1 评论 -
文字背景图片
下面是这次的所有HTML和css主要说的是如何把照片放到字体里面去。下面就是大概的一个效果,另外还加了一个鼠标移入移出变换图片的效果。background-size:cove;描绘的意思是此时会保持图像的纵横比并将图像缩放成将完全覆盖背景定位区域的最小大小。transparent 描绘的意思是透明。color:transparent;字体变透明了。background-clip意思是在指定背景图像的绘画区域background-clip:text ...原创 2021-03-04 21:03:09 · 140 阅读 · 1 评论 -
用伪类做图片旋转
首先我们来看一下HTML大概的布局还未加伪类时还是图片没有任何的效果,加了伪类后图片中间竖直两边旋转特定的度数,可以做到旋转的效果。下面是css样式和伪类中特定的一些效果样式主要讲的是上面代码中的transform属性它可以在css3中进行2D转换使元素改变形状、尺寸和位置,对元素进行位移、缩放、移动、拉长或者拉伸。perspective元素的描述是元素距离视图的距离,以像素计。rotateY() 方法的意思是沿着Y轴旋转。deg是度数的意...原创 2021-03-03 22:50:20 · 359 阅读 · 1 评论