js相关插件小应用以及css属性拓展
来源:互联网 发布:mac数位板驱动怎么安装 编辑:程序博客网 时间:2024/06/11 18:30
1.jquery.guide.js新版上线操作向导镂空提示jQuery插件
网站上线或者改版的时候,常常会做一个操作向导,告诉用户一些重要操作到了哪里,或者什么地方隐藏了什么好玩的东西,等等,虽然我都是直接关掉的,或者快速跳过,但是对有部分用户而言还是很有用的。
转载文章地址http://www.zhangxinxu.com/wordpress/2017/05/jquery-guide-js-plugin/
demo地址:http://www.zhangxinxu.com/studyjs/201705/jquery-plugin-new-hand-guide.html
2.使用canvas在前端实现图片水印合成
图片转为base64方法:
inputFile.addEventListener('change', function (event) { var reader = new FileReader(); var file = event.target.files[0]; reader.onload = function(e) { var base64 = e.target.result; }; reader.readAsDataURL(file);});
转载文章地址:http://www.zhangxinxu.com/wordpress/2017/05/canvas-picture-watermark-synthesis/
demo地址:http://www.zhangxinxu.com/study/201705/js-canvas-image-watermark-synthesis.html3.accesskey属性与web自定义键盘快捷访问
<div accesskey="1">自定义快捷访问</div>
这里的属性值'1'
对应的就是键盘上的数字1
,如果是accesskey="a"
则'a'
对应的就是键盘上的字母a
。
需要注意的是,虽然说accesskey
属性值和键盘相对应,但并不是说直接按下这个键,就能快捷访问。浏览器是通过快捷键组合访问的形式进行页面元素的快速访问的。具体的组合方式参见下表(参考自MDN文档,有调整):
阅读全文
0 0
- js相关插件小应用以及css属性拓展
- CSS属性,盒子模型以及浮动和定位技术相关
- 动态数字时钟jquery拓展小插件
- css margin的相关属性,问题及应用
- css margin的相关属性,问题及应用
- css margin的相关属性,问题及应用
- css margin的相关属性,问题及应用
- 【JS开发】电商相关自用小插件
- 关于js修改css属性的一个小问题
- DOM3_table相关属性以及Js方法动态添加
- box相关css属性
- css 背景图片相关属性
- CSS字体相关属性
- css 相关属性
- 运行时的简单应用,拓展+属性
- JS中style属性控制,如何通过JS给一元素添加CSS相关属性
- js-DOM、BOM相关方法及属性的应用
- css小属性
- SAM I AM UVA
- Cocos2dx杂记:如何显示中文(2)
- springmvc的常见注解
- MDR外接设备的接线方式
- VS2013 opencv 视频读取灰屏
- js相关插件小应用以及css属性拓展
- python字典操作
- 上传去取文件名称
- selenium元素定位方法
- 技巧:删除桌面上提示找不到该项目的文件
- kendu 的下拉复选+linq 的复杂查询+一句话二次筛选+前端使用
- C# WinForm程序启动时不显示主窗体的实现方法
- 【模板】树状数组 单点修改,区间求和 (模板题:洛谷P3374树状数组1)
- 强制Google.com.hk域名使用https