![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaScript
小小竹子
这个作者很懒,什么都没留下…
展开
-
配合form后端实现文件上传upload
1. 前端页面实现主要用来选择并生成文件,然后发送请求//1. 表单<form id="form_file" enctype="multipart/form-data"> <textarea placeholder="输入介绍" name="contentText"></textarea> <!-- 图片选择 --> <a href="javascript:;" > &原创 2021-01-10 16:40:24 · 758 阅读 · 0 评论 -
导航栏的吸顶,在页面顶部静止不动
方法一设置属性position: sticky方法二设置两个同样的导航栏A,B,A设置“display:flex”放在窗口顶部,且默认状态下不可显示B正常位置,正常显示计算 B到文档顶端的高度 - 顶部文档被卷起来的高度当上面计算得到的数值小于等于0时,让A,显示代码如下<style> .compontentTop , .compontentB...原创 2020-02-20 23:49:26 · 1105 阅读 · 0 评论 -
使用关键字,在js查找内存中数据
keyword关键字allArr·需要查验的内容使用正则search() if(allArr.search(keyword)>=0)如果该条件成立,则keyword包含在allArr中。原创 2019-12-10 21:28:33 · 469 阅读 · 0 评论 -
网页设计中,使用JSON+localStorage存储数据(以数组形式),并在界面动态的添加图片
1.使用表单(form)获得数据。从表单中获取数据有很多方法,推荐使用JQuery方法formObj.serializeArray();使用该方法获得数据是一个数组,形式如下0: {name: "title", value: "银翼"}1:……2:…………将数据提取出来,转换为对象形式:function gain(formObj){ var ct=$(formObj).s...原创 2019-12-10 21:20:39 · 1013 阅读 · 0 评论 -
HTML+CSS实现百叶窗的思路,以及JSS实现完整功能
首先,如果是没有学习JavaScript,仅利用CSS思路一般百叶窗中有等数量的大卡片和小卡片,大卡片是基于小卡片的介绍。1.使用ul>li将所有卡片装入进去。2.将所有li的设置为display:block;3. 给所有大卡片添加class=“bug”,所有小卡片添加class=“small”.同时两者都使用transition:width 1s;4. 小卡片设置宽度widt...原创 2019-11-25 10:00:39 · 747 阅读 · 0 评论 -
在网页中看视频时,鼠标焦点一旦点击视频以外区域,视频就会暂停
一个简单方法:在网页中右键单击,点击“检查”或“查看元素”-----》在网页源代码中找到视频 video的id值,然后在控制台(Console)中输入setInterval(function(){document.getElementById("video_id").play()},10);点击回车注意输入时不能换行,...原创 2019-11-18 21:05:36 · 8833 阅读 · 4 评论 -
页面元素根据浏览器窗口大小变化而有比例地伸缩,无滚动条
我要做的页面是:一个与浏览器窗口等大的页面,整个窗口被一个等大的视频覆盖。页面内容按照浏览器窗口大小的变化而自动伸缩变化,页面布局不变。同弹性布局、流式布局不同,这个方法简单有效。HTML代码如下:<div class="page" id="page" style="zoom: 1"> <video src="视频地址" id="video" muted autop...原创 2019-11-14 16:49:57 · 1788 阅读 · 0 评论 -
JS使用getComputedStyle()方法获取元素样式
obj.style如果是对于外部样式时,他可以将属性值进行更改,却不能获得属性值。于是,DOM2中在document.defaultView添加了一个getComputedStyle(obj,":frm")方法,返回结果中包含元素所有的样式该方法两个参数:要取得计算样式的元素和一个伪元素字符串。如果不需要伪元素信息,第二个参数可以是null。 使用方法如下var idName=d...原创 2019-11-10 14:28:56 · 822 阅读 · 0 评论 -
css或Js制作简易轮播图
我学习的时候总结了几种简易的轮播图设计方式,总结如下。1. 仅使用CSS+HTML=淡入淡出型html代码如下(使用animation方法,具体如何使用,请参考:https://blog.csdn.net/cuishizun/article/details/82347015)<div class="banner_out_head"><!--三个轮播图所需要的图片,放在di...原创 2019-10-27 13:05:04 · 377 阅读 · 0 评论