这个用户很懒,还没有个人简介
私信
主帖 13
回帖
视频
提问
回答
资源 2
专栏
知识点:1.nthoftype可以选择指定类型的元素,可看[nthoftype的属性和用法](https:blog.csdn.netqq51735681articledetails113698444)3D爆炸焦点图思路:1.可以在网上找到关于3D爆炸焦点图的js文件(jquerybomb.min.js)2.直接调用函数即可javascript3D爆炸图$(function(){$(".banner").bomb()})
2天前 56浏览 0点赞 0回复 0收藏
星星天空思路:1.设置随机大小,随机阴影,随机颜色,但是颜色范围在已给的范围内选择,随机位置2.设置定时器进行运动,定时器设置一个单次比较快,一个多次的,运行比较慢,二者进行叠加运动,每次运动都随机获取位置javascriptDocument{boxsizing:borderbox;padding:0;margin:0;}body{background:22313f;background:blue;}starsBox{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.75);opacity:.5;}st...
2天前 137浏览 0点赞 0回复 0收藏
进度条思路:1.就是一个autoplay函数的调用,如果加载进度大于100就清除定时器,否则就增加进度条进度javascriptDocument{margin:0;padding:0;}body{backgroundcolor:000;}h1{fontsize:3em;}.box{width:30%;height:100px;margin:0auto;border:5pxsolidred;margintop:20em;textalign:center;color:fff;}num{fontsize:2em;marginbottom:5px;fontweight:bold;}hr{width:0px;height:1px;渐变颜色background:lineargradient(45deg,rg...
2天前 166浏览 0点赞 0回复 0收藏
短信倒计时思路:1.获取Input框输入值,需要对去除两边空白后的内容进行正则验证,判断手机号码是否符合规范2.test(正则内容)验证后返回true,false3.设置按钮倒计时,设置默认sec60,点击后开始计数,倒计时按钮为禁用状态,4.封装倒计时函数,获取数字,即btn按钮的内容,设置定时器,如果倒计时小于0就恢复倒计时,重新验证码发送,否则就倒计时减减javascriptDocumentinput{height:25px;lineheight:25px;fontsize:1.2em;}butt...
2天前 339浏览 1点赞 0回复 0收藏
随机生成验证码思路:1.获取div的box盒子,生成验证码后追加到盒子,span.innertext放入字符2.获取input框内的验证码内容3.点击btn按钮触发事件,验证输入的验证码与给出的是否一致,设置notice提醒4.验证码不一致,则重新生成新的验证码,重新输入(将value值设为0),保留点击过的焦点如何随机生成验证码1.数组放入所有数字字母字符2.把函数获取的长度限制为43.循环长度,随机数数组长度向下取整,获取数组所有数里的随机数下...
5天前 149浏览 0点赞 0回复 0收藏
放大镜思路:1.大图小图都放入同样大小的盒子,通过鼠标移动到small小图身上去调整box蓝色盒子的位置。2.同时让big大图盒子从displaynone变成block显示状态。3.让大图片的位置距离上边和左边的进行移动,此时移动的位置大小是按照大小图的比值移动位置4.需要设置避免蓝色box溢出!javascriptDocument{margin:0;padding:0;}small{width:576px;height:324px;position:absolute;left:10px;top:50px;}box{width:172px;height:97px;ba...
6天前 101浏览 0点赞 0回复 0收藏
地址链接跳转1.按钮触发事件后,正则解析链接地址,地址解析要去除空白格,取的字符串才可进行replace操作2.输入字符格式正确则displayblock,显示出提示信息3.设置用户最大只能输入三次地址信息,利用浏览器缓存sessionStorage进行设置,浏览器sessionStorage.getItem()为获取,sessionStorage.setItem()为设置,设置提交变量,变量超过三次,则用setAttribute将input框设置为禁用状态,并弹出提示输入到上限input.setAttr...
6天前 275浏览 0点赞 0回复 0收藏
选项卡切换思路:1.在进行选项卡切换的时候,是每个a标签进行的切换,而在取元素的时候取到的是整个a元素的数组,为了区分每个a元素,我们就可以给元素设置一个data开头的自定义属性,使元素按照顺序排列下标2.菜单点击时候进行两个操作,中间内容每个都装在同样大小的盒子里,在点击菜单后触发函数,函数进行两个操作,一个是中间内容的位置移动来切换对应的文本内容。一个是顶部a标签的背景颜色的灰白变化。3.a标签的背景颜色...
7天前 252浏览 0点赞 0回复 0收藏
全选取消反选按钮触发事件1、for...in:遍历Array时,拿到的是每个元素索引for...of:遍历的是对象的属性所对应的值2、input有默认的checked属性值,选中时checkedtrue未选中时为falseDocument爱好1爱好2爱好3爱好4爱好5全选取消反选varalldocument.getElementById('all')varcanceldocument.getElementById('cancel')varreversedocument.getElementById('reverse')varlovedocument.getElementsByName('love')console.log(love)全...
8天前 733浏览 1点赞 0回复 0收藏
自动放大缩小字1.判断条件如果放大超出范围,则定时器调用缩小函数,使字体变小。同理,如果缩小到一定程度,则定时器调用放大函数,使字体变大。2.注意再次调用定时器的时候,记得清除上一个使用的定时器,不然会同时存在两个定时器,相互冲突。代码如下:Document你好,我们是朋友varfrienddocument.getElementById('friend')console.log('snish')functionbig(){varsizeparseInt(friend.style.fontSize)if(size100){clearInte...
8天前 288浏览 0点赞 0回复 0收藏
按钮放大缩小对应字体1.获取需要使用的元素,可以通过document.getElementById2.绑定事件,是直接去获取的行内元素样式3.获取字体大小的时候存在单位px,利用parseInt()转换为整数!4.在放到到一定程度时给提示代码如下:Document字体放大与缩小放大缩小我们是好朋友varbigdocument.getElementById('big')console.log('收到')varsmalldocument.getElementById('small')varfrienddocument.getElementById('friend')console.log('朋...
8天前 279浏览 1点赞 0回复 0收藏
[toc](目录)1.登录页面1.1布局+碰到的问题1.一张图为背景,当时碰到一个问题就是图片进行了拉伸,其大小就是保持了auto属性,一般网页的大小是1024768,而图片的宽度大小超过了容器本身的大小,因而图片会出现偏移。这种情况下,使用backgroundsize:cover,图像将被调整大小以适合容器,++但是注意cover这个属性值则一定会保证图片的原宽高比,并保证一定会覆盖整个背景,但是由于这种原因,如果背景和图片的宽高比不一致那么会...
2022-07-21 16:40:55 320浏览 1点赞 0回复 0收藏
[toc](目录)1.CSS拟态图标的制作1.1页面布局1.取图标图片用ps切片切出图片2.一个外大盒子+内三行+每行五个盒子(建议用flex布局会好写很多)3.没什么难点,耐心点就行(注意阴影的理解)1.2动画效果阴影切换(看文件视频)文件代码如下:htmlxmlDocument{padding:0;margin:0;}.box{width:764px;height:591px;backgroundcolor:f0efef;margin:30pxauto;overflow:hidden;}.box1{width:100px;height:130px;border:1pxsolidccc;margin:...
2022-07-21 15:39:07 276浏览 0点赞 0回复 0收藏
获得成就
已积累 1086 人气
获得 4 个点赞
获得 0 次收藏
热门内容