![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
停在海边看日落
努力让自己优秀
展开
-
纯CSS 撩妹3D旋转相册
先看完成效果 *原形态为几张图片为成两个正方形,大正方形包着小正方形然后自主的旋转 *鼠标移入后外层(大正方形)变大继续旋转 2.基本布局 *一个box里包含两个box 3.基本CSS *CSS3 transform属性:属性向元素应用 2D 或 3D 转换。该属性允许我们对元素进行旋转、 缩放、移动或倾斜 *CSS3 transform-style属性:使被转换的子元素保留其 3D 转换 ...原创 2021-07-05 15:41:53 · 211 阅读 · 0 评论 -
MVC表单中的搜索
*本次演示的开发工具VS是2015版本 *项目开始之前请自行建设并且引入数据库相关信息 *引入jquery-3.2.1.min.js 搭建自己的页面,根据自己实际需求自行搭建改动,在此不要求统一( *这里示范的分别有4个输入框和一个下拉框 *图一为顶部的布局,图二为视图(可跟据自己的实际情况随意改动) 2.上步骤中的图二中的表格为表格渲染,即与数据库关联查询出数据并传到页面中(本次示范使用的是layui框架表格) *先声明vartbAcademe, layer;和...原创 2021-06-17 15:32:31 · 437 阅读 · 0 评论 -
JavaScript拖拽事件
首先创建出两个“box” *look为可视区 *dabox为大盒子包含小box *left为左浮动 再设置其dabox样式 并且给ta一个相对定位position:absolute; 以为小box宽设置为100px并且有两个小box,所以大box宽设置为200px; 然后为其小box设置样式 建议设置两个不一样的颜色,后给它们一个左浮动float:left; 再设置可视区的样式: 可视区为可以看见的地方;在这里我们需要拖拽小box拉动dabox的left即可实现.原创 2021-03-03 17:25:59 · 190 阅读 · 1 评论 -
获取当前计算机时间
先是基本的布局 里面的“00”可随意更改,布局样式也可根据自己的需求自行设置,在这我便从简。 直接给一个宽高和一个右浮动。即 这 便是一个从简的布局,然后便进入关键的js部分。 首先创建一个时间窗 然后根据获取时分秒 为防万一可在控制台分别输出“h”“m”“s”看是否已经获取到。 获取到后分别赋值于上面的“a”“b”“c” 最后也是比较关键的一步“递归” “1000”可根据自己喜欢而更改每次刷新时间 ...原创 2021-03-03 17:13:54 · 391 阅读 · 1 评论 -
onclick点击显示隐藏
列:首先设置一个按钮和一个样式box 如: 然后为其设置样式 一个红色的box和一个灰黑色的按钮; 然后通过js获取按钮和box的元素; 再为其按钮绑定点击事件控制 然后再按钮的点击事件里判断box的显示(block)或者隐藏(none);如果box为隐藏(none)则点击按钮box则为显示(block);否则box为(block)时,点击box则为隐藏(none); 完整代码为 ...原创 2021-03-03 16:48:21 · 1224 阅读 · 1 评论 -
keyframes选择器
keyframes选择器可做“过渡”类效果 用做测试可自己创一个;这是一个box(红色圆球)在一个边框里利用keyframes在页面刷新时进行从左到右的运动布局代码为 然后红球相对于蓝框相对运动; 然后设置keyframes,move(名称可自己设置); 开始由0%到100%,改变left的值;设置完keyframes后通过animation动画来引用,即 move为前面keyframes设置的名称,2s为两秒钟完成由0%到100%;1为进行1次便结束;上面数...原创 2021-03-03 16:29:17 · 332 阅读 · 2 评论 -
JavaScript点击高亮效果
4首先简单的布局如: Css样式为: 可得: 然后进入关键的JavaScript部分; 先获取三个box的元素,因为需要点击 盒子来切换背景颜色(即高亮效果),getElementsByTagName(根据标签获取元素)。 然后需要一个for(循环)来遍历每一个box给它一个点击事件如: 添加后可尝试分别点击每一个box会弹出一个123的警告框则添加成功(测试是否添加成功); 然后通过getAttribute(方法通过名称获取属性的值)获取到“int”的值 再给li标签原创 2021-03-03 15:42:15 · 4701 阅读 · 1 评论 -
hover伪类
目前所有主流浏览器(IE,搜狐,谷歌等)都支持hover伪类。 hover伪类指:在鼠标移到该元素上时给此元素添加(改变)样式 列: 先设置一个“盒子” 宽度 高度为200px,背景颜色为red的box;(可自设) 然后为其添加hover伪类,并且鼠标移入box box变为宽高为50px,背景颜色为 #0C2CE9;的“新”box; 应注意为了产生预期的效果hover必须加在box后面; ...原创 2021-02-10 23:23:13 · 650 阅读 · 0 评论