杂记
文章平均质量分 74
Khun_HWJ
这个作者很懒,什么都没留下…
展开
-
【杂记】(css3鼠标移上图片放大、京东左侧导航-楼梯滚动效果、css内容高度不确定时使两边盒子高度一致、移动端div无内容设置高度铺满100%、js消息向上滚动、判断IE的版本、手风琴效果)
<!doctype html><html lang="en"> <head> <!--声明当前页面的编码格式 UTF-8(国际编码)gbk(中文简体)--> <meta charset="UTF-8"> <!--声明当前页面的三要素 seo--> <title>css3动画效果 </title&g...原创 2019-10-31 11:40:00 · 421 阅读 · 0 评论 -
【杂记】(数字滚动增加动画特效、js消息新闻向左滚动、js原生tab条切换、左右点击选择框移动内容、右键菜单效果、中国省市三级联动插件,右侧滑动导航随滚动条移动)
1. 数字滚动增加动画特效.counter-value{ font-size: 50px; font-weight: 700; color: rgba(0,0,0,0.7); text-align:center;}<div class="demo"> <span class="counter-value">80913804384023</span&g...原创 2019-11-01 12:03:04 · 396 阅读 · 0 评论 -
【杂记】其余
.find(".Level1:not(:hidden)") 查找Level1中没有隐藏的内容区块如果不要.unbind()则会点击后弹出马上收起。.bind('click',function(){$('ul').toggle();})在火狐浏览器标签下的字体大小为1px,所以要单独给i定义字体大小如果页面内大多数都是正常的,只是个别的页面有问题,可能是有引入样式的冲突根...原创 2019-11-05 10:02:41 · 110 阅读 · 0 评论 -
【杂记】(h5判断ios 安卓 操作分享的区别、H5自动横屏、取消ajax请求、css3 flex布局、layui 滑块slider滑块回填值、多个para上传同一个接口的写法)
h5判断ios 安卓 分享的区别var checkPlatform = function(){ if(/android/i.test(navigator.userAgent)){ return 'android'; } if(/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)){ return 'iOS'; }}; v...原创 2019-10-17 17:18:58 · 226 阅读 · 0 评论 -
【杂记】(无内容高度100%撑满盒子、圆环半圆、数字快速滚动js特效、layui的laydate开始时间结束时间判断、ajax数据switch循环填数据、多次击按钮不重复调用接口 )
无内容高度100%撑满盒子div{ position:absolution; width:100%; height:100%; top:0; left:0; right:0; bottom:0; z-index:1;}圆环半圆div:before{ content: ""; width: 122%; height: 122%; bord...原创 2019-10-17 10:33:28 · 271 阅读 · 0 评论 -
【杂记】(获取时间ajax查询、css瀑布流、js瀑布流、安卓视频滑动触发播放、循环判断回填ajax数据的对应值、判断手机号是不是纯数字、js随机颜色、css3进度条逐一加载动效 )
获取时间ajax查询<button type="button" class="layui-btn layui-btn-normal" lay-submit lay-filter="formDemo">查询</button>var grade;var subject;var teacherid;//搜索form.on('submit(formDemo)',...原创 2019-10-17 11:00:27 · 424 阅读 · 0 评论 -
【杂记】(checkbox多选取值传值、接口之间互相传值、旋转后如果有锯齿消除锯齿、循环判断宝箱开启的状态、css3内容上下左右居中、css禁用鼠标点击事件、去掉表单自带的蓝色边框)
checkbox多选取值传值layui checkbox 多选取值传值 组成数组[‘’,’’,’’]先建一个数组,循环列表,将选中的就全部push到 数组中,然后用逗号隔开。要将数组拆分 用split,然后 循环整个radio 或者是checkbox 然后值与值相等的就checked上checkbox多个参数时 需要循环数组里的值 再一一对应回填如何全局接口内容 第一个接口返回...原创 2019-10-17 15:26:34 · 380 阅读 · 0 评论 -
【杂记】(input获取焦点失去焦点、获取input中输入的值、 键盘事件、js事件、Math 属性、手机自适应meta定义、 去掉input内置阴影、图片居中、去蓝色默认背景、点击去掉默认边框)
1. input获取焦点失去焦点input:focus{border:1px red solid;}获取焦点 .focus()失去焦点.blur()2. 获取input中输入的值<input id="test" name="test" type="text"/>$("#test").val()$("input[name='test']").val()$("input[t...原创 2019-10-31 15:43:27 · 3578 阅读 · 0 评论 -
【杂记】(多余的文字省略、页面跳转的方式、阴影效果、js添加css样式、图片与文字居中、旋转、border-radius、js获取浏览器高度、鼠标样式、换行、中英文两端对齐、三角形、右下角折角效果)
1. 多余的文字省略text-overflow:ellipsis;white-space: nowrap;overflow:hidden;溢出:text-overflow: clip | ellipsis | string;2. 页面跳转的方式页面内跳转:onclick="location.href = 'homepage.html';"a、window.open('http://www...原创 2019-10-31 15:34:41 · 161 阅读 · 0 评论 -
【杂记】(内容盒子撑满、复选框的全选与单选效果、终止后面的脚本运行、背景颜色图片一起、动画上下垂直动、图片大小不一、根据视网膜屏来判断点击事件、判断分辨率精细终端、响应式图片处理、同一个按钮多次点击)
1. h5盒子撑满div{width:100vw;height:100vh;position:fixed;left:left;top:0}2. 复选框的全选与单选效果3. 终止后面的脚本运行javascript:void(0),通常写在a标签中4. 背景颜色图片一起background:url(../images/arrow-r.png) 215px 15px #f9f9f9 no-r...原创 2019-10-31 15:21:22 · 180 阅读 · 0 评论 -
【杂记】(圆角IE兼容模式、背景颜色渐变、banner图过大居中显示、展开与收起、css兼容前缀、导航置顶、点评星星、手风琴树形导航、.attr()的用法、单选判断、多行文本溢出、自动轮播)
1. 圆角IE兼容模式border-radius: 15px; /*Opera 10.5+、IE 6+*/ -webkit-border-radius: 15px; /*Safari、Chrome*/ -moz-border-radius: 15px; /*Firefox*/ behavior: url(ie-css3.htc); /* 调用脚本添加圆角效果 */2. 背景颜色渐变backg...原创 2019-10-31 15:14:17 · 280 阅读 · 0 评论 -
【杂记】(获取地址栏内容、判断是否安装了flash、判断浏览器、判断是否为ie浏览器、font字体、文字对齐、鼠标禁止点击、浏览器设置字体编码、浏览器兼容问题、查找元素(这个以后的元素都删除))
获取地址栏内容http://localhost:9096/shared/livestream/textindex?gradedesc=all&bookletdesc=all&status=05,10&keyword=yyhhwindow.location.href (在浏览器中就是完整的地址栏)window.location.protocol---------U...原创 2019-10-31 14:23:48 · 269 阅读 · 0 评论 -
【杂记】(srcset属性浏览器根据宽高和像素密度加载相应的图片、纯 js翻页、ajax避免重复提交、css3制作radio选中效果按钮box-shadow、判断是否是移动端、filter模糊)
srcset属性用于浏览器根据宽、高和像素密度来加载相应的图片资源格式:图片地址,宽度描述w 像素密度描述x 多个资源用逗号连接例如:<img src=”img.jpg” srcset=”big.jpg” 1440w , middle.jpg 800w , large.jpg 1x/>当浏览器宽度达到800时加载middle 达到1440时加载big像素密度只对固定宽度图片...原创 2019-10-31 12:06:09 · 296 阅读 · 0 评论 -
【杂记】(富文本框回填值、ajax数据回填按钮年级学科、去除数组中数组外包的引号、多重循环的写法、微测评获奖页面的内容 循环拼接写法、textarea禁止拖动、html基本、透明度、页面内出现滚动条)
富文本框回填值for(var i = 0;i<res.data.choiceoptinfo.length;i++){ ueArr[i].ready(function(){//选项 ueArr[i].setContent(res.data.choiceoptinfo[i]); })}questionstem.ready(function(){//题干 questionste...原创 2019-10-17 17:39:01 · 204 阅读 · 0 评论 -
【杂记】(点击展开收起、jQuery遍历同级元素、jQuery向下遍历、 jQuery向上遍历、替换掉所有的换行符/空格、手机号正则判断、h5 按钮自带的边框清除)
点击展开收起$(document).on('click','[data-role="fold"]',function(){ var _text = $(this).html(); if(_text == '展开'){ $(this).html('收起'); $(this).prev('[data-fold="box"]').css('max-height',...原创 2019-10-17 16:34:27 · 297 阅读 · 0 评论 -
【杂记】 (判断是否微信浏览器、media 适配写法、 css字体缩放、css3模糊阴影底图滤镜、禁止鼠标右键保存图片、禁止鼠标拖动图片、文字禁止鼠标选中、禁止复制文本)
最后一个子元素 :last-child{}判断是否微信浏览器if(isWeiXin()){ //是微信浏览器走这里 $(".img").show();}else{ var _w = $(document).width(); if (!navigator.userAgent.match(/(iPhone|iPod|iPad);?/i) &&!navigator.us...原创 2019-10-17 10:14:48 · 245 阅读 · 0 评论 -
【杂记】(正则表达式、meta标签里的内容、浏览器版本过低提醒、首字母下沉、标签、文本大小写、文字阴影重叠、图片水平垂直居中、自适应网页中图片自动缩放、box-sizing、IE rgba()透明度)
文字阴影重叠:text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);边框自带阴影效果:border-color: #ccc;border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);//用透明色文本的大小写:text-transform: uppercase(只有大写字母) /...原创 2019-07-30 11:41:17 · 271 阅读 · 0 评论 -
【杂记 】(手机横竖屏切换时字体变大、px em rem的区别、去掉textarea自带的内阴影、移动端表单点击有边框、meta中电话超链接、火狐文字垂直居中问题、IOS移动端点击事件)
手机横竖屏切换的时候字体会变大 text-size-adjust:100%/nonepx em rem的区别textarea自带的内阴影:-webkit-appearance:none表单在手机里点击有边框:-webkit-tap-highlight-color:rgba(0,0,0,0);该标签用于指定是否将网页内容中的手机号码显示为拨号的超链接,iphone默认的是能点击的链接,并...原创 2019-07-30 10:21:32 · 238 阅读 · 0 评论