html
栗子i维C
这个作者很懒,什么都没留下…
展开
-
jquery 点击按钮隐藏显示 按钮样式切换
$('.btn').click(function(){ $(this).toggleClass('on'); $("div").toggle();})原创 2021-03-11 15:34:32 · 447 阅读 · 0 评论 -
swiper做选项卡切换 高度自适应
加一个autoHeight: true原创 2019-03-19 15:17:16 · 1162 阅读 · 1 评论 -
swiper 两个轮播关联切换
<section class="diary"> <div class="swiper-container gallery-thumbs swiper-nav"> <div class="swiper-wrapper"> <div class="swiper-slide pr">标题1</div> ...原创 2019-03-19 15:20:30 · 3724 阅读 · 0 评论 -
CSS实现垂直水平居中
元素已知宽度绝对定位 + margin auto + 流体特性 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width"> <t...转载 2019-03-21 14:18:12 · 215 阅读 · 0 评论 -
jQuery修改alert ,confirm的样式
大家都知道, javascript 原生的alert和confirm在手机端尤其是ios系统的手机上显示不够友好,会出现网站域名,提示ok等等,因此我们可以自定义修改其中的样式和方法,提高用户体验性。引入 common.js.js 文件,代码如下(function($) { $.alerts = { alert: function...转载 2019-04-24 10:07:21 · 1559 阅读 · 0 评论 -
JavaScript判断设备是手机端还是PC端,并加载不同的css/js文件
function browserRedirect() { var sUserAgent = navigator.userAgent.toLowerCase(); var bIsIpad = sUserAgent.match(/ipad/i) == "ipad"; var bIsIphoneOs = sUserAgent.match(/iphone ...转载 2019-07-24 10:33:04 · 952 阅读 · 0 评论 -
微信小程序超出文本显示省略号
-单行文本超出:(建议设置一个宽度,默认为100%).team-content { width: 500rpx; display:-webkit-box; -webkit-line-clamp:1; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; word-break:br...转载 2019-07-24 17:25:34 · 949 阅读 · 0 评论 -
点击除弹框之外的地方 弹框关闭
$(function(){ $(.btn").click(function(e){ $(".tk").show(); $("body").css({"position":"fixed"}); }) $(".tk-bg").click(function(e){ if(e.target.className!=="conten...原创 2019-09-19 16:39:21 · 488 阅读 · 0 评论 -
输入框调用手机键盘的确认按钮
// html代码<input class="keyword" type="serch" placeholder="请输入项目名称或地址">// js代码如下$(".keyword").on('keypress',function(e){varkeycode=e.keyCode;varsearchName=$(this).v...转载 2019-09-20 10:48:02 · 1739 阅读 · 0 评论 -
jquery 复选框最多选择3个,已选的可以取消(选框样式)
$(function(){ var cb1 = $('[name="scxm-checkbox"]'); cb1.change(function () { if (this.checked && cb1.filter(':checked').length > 3) { this.checked = false; this....原创 2019-02-20 13:32:08 · 940 阅读 · 0 评论 -
怎么实现表单提交后不重新刷新当前页面
怎么实现表单提交后不重新刷新当前页面onsubmit="return saveReport();function saveReport() { // jquery 表单提交 $("#showDataForm").ajaxSubmit(function(message) { // 对于表单提交成功后处理,message为提交页面saveReport.htm的返回内容 }); re...原创 2019-02-19 17:42:35 · 1132 阅读 · 0 评论 -
一些注意
标签样式初始化 ,但凡是浏览器样式,都不要使用body,h1,h2,h3,h4,h5,h6,p,dl,dd,ul,ol,form,input,textarea,th,td,select{margin:0;padding:0;}样式权重:行间样式 > id选择器 > 类选择器 > 标签a链接顺序:link|——visited——hover——active 透明...原创 2018-10-11 15:07:33 · 173 阅读 · 0 评论 -
Web开发者不容错过的10个HTML5工具
HTML5已经成为当今世界的一个必然组成部分。由于World Wide Web万维网是使用超文本标记语言来架构和呈现的,于是HTML5成为了最流行的编程语言之一。随着网络的不断扩张,Web开发人员非常有必要拥有最新的HTML5工具,用于创建动态和交互式的Web应用程序和网页。下面这些就是你不应该错过的新的HTML5工具。1.Timesheet.jsTimesheet.js是一款用于创建使用...转载 2018-07-23 14:50:42 · 332 阅读 · 0 评论 -
Iframe背景透明
allowTransparency 属性<iframe allowTransparency="true" ></iframe>原创 2018-07-22 18:09:51 · 249 阅读 · 0 评论 -
【转】你所不知道的HTML head 头标签
HTML的头部内容特别多,有针对SEO的头部信息,也有针对移动设备的头部信息。而且各个浏览器内核以及各个国内浏览器厂商都有些自己的标签元素,有很多差异性。移动端的工作已经越来越成为前端工作的重要内容,除了平常的项目开发,HTML 头部标签功能,特别是meta,link等标签的功能属性显得非常重要。这里整理了一份 <head> 部分的清单,让大家了解每个标签及相应属性的意义,写出满足自己...转载 2018-08-16 18:29:42 · 363 阅读 · 0 评论 -
在QQ聊天中发送网页链接时显示网页介绍内容设置
<meta itemprop="name" content="标题"><meta itemprop="description" content="摘要"><meta itemprop="image" content="图片">转载 2018-08-20 18:31:33 · 2536 阅读 · 0 评论 -
清除UC手机浏览器强制在页面中加入的关键词链接
//清除UC手机浏览器强制在页面中加入的关键词链接function CaoNiMaDeUc(){$("a").each(function(index, element) {try{var thishref=$(this).attr("href");var thisText=$(this).html();if(thishref.indexOf("uc.cn")>=0)...转载 2018-09-08 10:38:55 · 2148 阅读 · 0 评论 -
淘宝移动端开发规范
字体设置使用无衬线字体body { font-family: "Helvetica Neue", Helvetica, STHeiTi, sans-serif; }基础交互设置全局的CSS样式,避免图中的长按弹出菜单与选中文本的行为a, img { -webkit-touch-callout: none; /* 禁止长按链接与图片弹出菜单 */ }html, body ...转载 2018-09-08 11:06:28 · 827 阅读 · 0 评论 -
一小时前端技术从入门到精通(放弃)
转载 2018-09-08 11:09:36 · 301 阅读 · 0 评论 -
CSS 转义字符对照表
HTML有许多特殊的字符,您对此有多少了解?平时在WEB制作中,您又有用到多少?或者说你在平时使用之时,是否也会碰到,有许多特殊字符要如何打印出来?比如说“笑脸”,比如说“版权号”。要是你用时忘记了这些特殊字符,不要紧,请记住今天这个地址,你就随时可以查到这些特殊字符的表示方法。简单的介绍一下其使用方法:1、这些字符属于unicode字符集,你的文档需要声明为”utf-8“2、列表符号...转载 2018-09-06 17:54:13 · 2209 阅读 · 0 评论 -
组合标签
1、ul li 无序标签2、ol li 有序列表3、dl dt dd 解释型的列表 一个dl里只能有一个dt,dd可以有多个 dl 自定义列表 dt 自定义列表标题 dd 自定义列表的信息...原创 2018-10-11 14:46:38 · 634 阅读 · 0 评论 -
行间 块元素
块的特性:1、默认独占一行2、没有宽度时,默认撑满一行3、支持所有css命令行间元素的特性1、同排可以继续跟同类2、内容撑开宽度3、不支持宽高4、不支持上下的margin5、代码换行被解析,有空格行间、块元素 转换1、display2、float3、position只有display:block才会宽度继承父元素...原创 2018-10-11 14:54:38 · 347 阅读 · 0 评论