会员
周边
众包
新闻
博问
闪存
所有博客
当前博客
我的博客
我的园子
账号设置
简洁模式
...
退出登录
注册
登录
ymcat
博客园
首页
新随笔
联系
管理
订阅
2017年2月13日
<input type="file"> 与label搭配会产生多大的影响
摘要: 前面我写过关于<input type="file">上传图片,消除原有样式,获取图片的文章。 今天更新的是我最近发现,点击上传按钮的那一整行都可以调出本地上传图片的窗口。 之前也是发现多一个INPUT 的影响区域,用下面的方法清除了。 “用过两次都发现页面自动生成另一个大的<input>,点击同样会
阅读全文
posted @ 2017-02-13 14:28 ymcat
阅读(1807)
评论(0)
推荐(0)
编辑
2016年12月16日
tab,tabCon里放很多div,点击左右滑动一个。可根据初始化清除空的tabCon。
摘要: 效果如上,左右箭头点击,相应左右滑动一个功能菜单的长度,点击BTN2时若所有功能菜单没溢出就不显示箭头不允许左右滑动。 可根据初始化功能菜单的个数,判断。若某个tabCon没有内容,则删除相应tabCon和tabBtn。 HTML: <div class="tabBtn"> <div class="
阅读全文
posted @ 2016-12-16 10:16 ymcat
阅读(760)
评论(0)
推荐(0)
编辑
2016年12月15日
关于favicon.ico,shortcut icon,icon
摘要: 引入一篇文章。关于favicon.ico二三事。 http://www.cnblogs.com/LoveJenny/archive/2012/05/22/2512683.html 一直对favicon.ico半知半解,今天看到以上博文才算清楚。 引入两行代码: <link rel="icon" hr
阅读全文
posted @ 2016-12-15 16:46 ymcat
阅读(808)
评论(0)
推荐(0)
编辑
HTML5 <input>添加多张图片,可点击弹窗放大。限定4张,可删除。
摘要: 点击弹窗放大,需要加入插件。 <link rel="stylesheet" href="css/photoswipe.css"> <link rel="stylesheet" href="css/default-skin.css"> <link rel="stylesheet" href="css/
阅读全文
posted @ 2016-12-15 14:28 ymcat
阅读(3283)
评论(1)
推荐(0)
编辑
<input type="file" id="camera" multiple="multiple" capture="camera" accept="image/*"> 上传图片,手机调用相册和摄像头
摘要: <input type="file" id="camera" multiple="multiple" capture="camera" accept="image/*"> 1、首先消除原有样式,再内置于其他标签,可美化。 #camera{ font-size: 100px; right: 0; to
阅读全文
posted @ 2016-12-15 14:05 ymcat
阅读(8584)
评论(0)
推荐(0)
编辑
图表,列表在同一DIV里切换显示()
摘要: JS: function changeTable(){ $(".countTable").slideDown(); $(".countChart").css("display","none");} function changeChart(){ $(".countChart").slideDown(
阅读全文
posted @ 2016-12-15 11:41 ymcat
阅读(281)
评论(0)
推荐(0)
编辑
根据弹窗高度和生成内容高度,动态显示滚动条()
摘要: JS: var screen_h = document.documentElement.clientHeight;var scroll_h =screen_h-100; //减去推送按钮所占固定高度 //是否显示所有滚动条function scroll(){ var heightList=$("tb
阅读全文
posted @ 2016-12-15 11:35 ymcat
阅读(571)
评论(0)
推荐(0)
编辑
2016年12月13日
checkbox点击后出现div
摘要: HTML: <div class="msg_editUrl_function"> <label class="labelChecked" for="url_checkbox"> <input type="checkbox" class="url_checkbox" name="source_url_
阅读全文
posted @ 2016-12-13 15:37 ymcat
阅读(297)
评论(0)
推荐(0)
编辑
公告