自定义博客皮肤VIP专享

*博客头图：

点击选择上传的图片

格式为PNG、JPG，宽度*高度大于1920*100像素，不超过2MB，主视觉建议放在右侧，请参照线上博客头图

请上传大于1920*100像素的图片！

博客底图：

点击选择上传的图片

图片格式为PNG、JPG，不超过1MB，可上下左右平铺至整个背景

栏目图：

点击选择上传的图片

图片格式为PNG、JPG，图片宽度*高度为300*38像素，不超过0.5MB

主标题颜色：

RGB颜色，例如：#AFAFAF

Hover：

RGB颜色，例如：#AFAFAF

副标题颜色：

RGB颜色，例如：#AFAFAF

预览取消提交

自定义博客皮肤

-+

上一步保存

glap123的博客

原创 vue基础知识学习笔记

Vue生命周期函数生命周期函数就是vue实例在某一时间点会自动执行的函数待完善。。。

2018-10-18 17:11:39 282 1

原创页面加载动画的实现

通过css3实现页面的加载动画效果图 js用到两个方法： document.onreadystatechange 页面加载状态改变时的事件 document.readyState 返回当前文档的状态 body结构 <div class="loading"> <div class="pic"> <i></i> <i&

2018-10-10 15:49:44 1139

原创自定义input file 样式

效果图 HTML部分 <input type="file" id="file" value="" class="hidden" /> <input type="text" id="uploadImg" value="" /> <button class="btn_sc"

2018-09-30 11:17:32 964 2

原创 DOM事件

DOM事件类事件级别 DOM0 element.onclick = function ({}) DOM2 element.addEventListener("click", function (){}， false) DOM3 element.addEventListener("keyUp", function (){}， false) DOM事件模型捕获和冒泡 DOM事件流...

2018-08-30 14:05:31 176

原创 BFC

基本概念 BFC (Block formatting context) “块级格式化上下文” 如何创建BFC 1、根元素，即HTML元素 2、float的值不为none 3、overflow的值不为visible 4、display的值为inline-block、table-cell、table-caption 5、position的值为absolute或fixed 6、flex ...

2018-08-30 10:13:00 152

HTML5手机移动端时间日期.zip

兼容iOS的移动端日期选择插件。

2020-03-23

bootstrap select树形下拉框

bootstrap树控件使用树形控件在下拉框select中显示，实现树形下拉框

2019-04-25

vue中树结构，实时接收webaocket数据，更新树结构数据

2021-09-07

vux popuppicker组件浏览器加载正常，打包成app就没数据了

2021-03-08

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

glap123 CSDN认证博客专家 CSDN认证企业博客

码龄8年

IP 属地：陕西省

IP属地以运营商信息为准，境内显示到省（区、市），境外显示到国家（地区）

5: 原创

196万+: 周排名

36万+: 总排名

2712: 访问

: 等级

73: 积分

0: 粉丝

0: 获赞

3: 评论

3: 收藏

私信

关注

热门文章

分类专栏

javascript 2篇
Vue 1篇
CSS 1篇

最新评论

vue基础知识学习笔记
CSDN-Ada助手: 非常感谢您的分享，这篇博客对于学习vue基础知识的读者非常有帮助。我觉得您可以继续写一篇关于vue组件开发的技术博文，讲解如何在vue中开发、使用组件，以及组件的生命周期等相关知识，这样的技术文章对其他用户也会有很大的帮助和启发。相信会有更多读者期待您的下一篇博客！为了方便博主创作，提高生产力，CSDN上线了AI写作助手功能，就在创作编辑器右侧哦～（https://mp.csdn.net/edit?utm_source=blog_comment_recall ）诚邀您来加入测评，到此（https://activity.csdn.net/creatActivity?id=10450&utm_source=blog_comment_recall）发布测评文章即可获得「话题勋章」，同时还有机会拿定制奖牌。
自定义input file 样式
glap123 回复 qq_43586314: [code=html] <input type="file" id="file" value="" style="opacity: 0;" /> <input type="text" id="uploadImg" value="" /> <button class="btn_sc">上传图片</button> <script> $('.btn_sc').click(function(){ $("#file").trigger("click"); }) $(document).ready(function() { $("#file").change(function() { var index = $(this).val().lastIndexOf("\\"); var sFileName = $(this).val().substr((index+1)); $("#uploadImg").val(sFileName); }); }); </script>[/code]
自定义input file 样式
qq_43586314: 这个“上传文件”的点击功能不能用，点了没反应，但是添加名字是没问题的，帮帮我，是哪里有问题吗 [code=javascript] <script> function selectFile() { $("#file").trigger("click"); } </script> <script> $(document).ready(function() { $("#file").change(function() { var index = $(this).val().lastIndexOf("\\"); var sFileName = $(this).val().substr((index+1)); $("#uploadImg").val(sFileName); }); }); </script> [/code] [code=html] <input type="file" id="file" value="" style="opacity: 0;" /> <input type="text" id="uploadImg" value="" /> <button class="btn_sc" οnclick="selectFile()">上传图片</button> [/code]

最新文章

提示

确定要删除当前文章？

取消删除