该插件支持给指定的Dom元素设置平移与缩放,并且支持移动端触摸,并兼容不支持CSS3的浏览器。 在PC上通过鼠标左键拖拽、滚轮缩放、双击放大。 在移动端上通过触摸事件交互。 使用方法 引入JQ与插件 添加元素 初始化插件 注意事项 初始化需要放置在$(document).ready()事件内,否则会报错 缩放元素不仅支持图片,也可以是任意……
分类:WEB前端
油猴脚本-检查政府网站Meta标签
接到任务检查某政府网站下所有页面的Meta标签是否符合规范,如手动逐个检查需逐个页面查看源码十分麻烦,于是便撰写了个油猴脚本,打开页面展示指定的Meta是否存在以及其值 其原理是先把需检测的Meta标签以数组定义好,在进行数组循环逐个获取Meta标签,最后使用表格展示并写好漂浮等样式,脚本代码如下: 顶部的@match表示在哪些网址下生效……
使用Ajax方法监测iframe框架中的页面是否有响应
一般用于内网的网站,嵌套了其他网站的链接页面,为保证友好显示,让其不显示404错误,即使用js监测页面能否正常打开,否则隐藏iframe框架。 演示的Demo代码如下: 在实际应用过程中,发现并不完全有用,原因未知,仅供参考。
Flash的替代解决方案分享
简述Flash发展史 1996年诞生,早期名称叫Future Splash Animator Flash 4.0版本正式使用“Flash Player”播放器 •2005年被Adobe收购 鼎盛时期:2005年-2012年,鼎盛时期Flash播放器装机率已然超过95%,单调的网页一旦使用了Flash,面貌往往会焕然一新。 安全漏洞太多,2……
前端输出的2个小技巧
1、使用CSS实现带边框的对话框 如果需要实现下图的效果,我们会把左侧三角切成图片,定位在上方盖住元素,其实我们可以用更为灵活易维护的方式实现。 我们知道css可以实现三角形,虽单个元素不能实现带边框的三角形,那就用2个元素,即搭配伪元素,构思图如下 只需把上方的三角元素颜色改为对话框背景颜色即可,实现CSS代码如下: 最终效果,可兼容I……
JS如何对列表数据根据字段进行排序
近期遇到个问题,需要把Ajax获取到的国务院信息Json列表数据进行按发布时间倒序,于是在查找了相关资料后,在参考的代码基础上增加了参数:倒序/正序 改进后的排序函数代码: 最终效果的Demo演示代码 调用排序函数使用方法:data = data.sort(arrObjectOrder("pubDate", "DESC")); 根据排序前……
微信小程序实现搜索结果“关键词”高亮效果
为更好用户体验及设计效果,搜索结果列表都是需要对关键词进行高亮显示的,对关键词进行“<text class='high'>关键词</text>”样式定义,如果通过服务端返回wxml格式,在页面是不会被解析的,直接显示代码了,所以就需要在前端进行处理,先附上代码: JS代码: wxml代码: CSS代码: 原理是,对……
微信小程序下载附件处理方法
新建download.js文件放在utils目录,在页面中引入这个js 代码执行流程是:弹窗让用户选择打开是保存,选择打开则客户端尝试打开,打开失败则自动保存文件,保存文件目录是微信指定的随机文件夹,文件名保持原来一致。 在页面中使用示例: PS:附件下载地址可由wxml页面中的属性获取,看情况使用
自写JQ多级联动下拉菜单
以前做项目时写的JQ多级联动,最近要使用到,就翻出来记录在这里了,以后或许用的到。 我使用的方法是把数据储存在了数组里,然后循环数组列出菜单列表,演示效果如下: HTML代码: JQ代码:
CSS + JS 网站变灰(变黑白),兼容所有浏览器。
有的网站可能需要用到全站黑白功能(一般常用于悼念日) ,最方便就是增加css代码,但经测试不兼容IE10、11浏览器,所以配合grayscale.js这个插件,可以完美兼容所有浏览器,这里我制作了个一键变黑白的按钮, 按钮代码用到了JQ,需引用,可点击下面看效果: 点击这里页面变黑白 CSS: HTML及JS: grayscale.js下……