随笔分类 -  JQ/JS

alist如何将默认布局设置为图片布局
摘要：前言: 因为做了一个相册web访问页,使用Alist访问共享图库,但alist默认的布局为"列表视图",用户访问时需要手动切换"图片视图"才能很好的预览图片,但很多用户跟本不懂如何切换,且手动切换也有些麻烦. 所以我希望所有用户访问时默认的视图是”图片视图“，而不是默认的”列表视图“。在网上搜索无果 阅读全文
posted @ 2025-12-20 11:42 Colin.liu 阅读(1029) 评论(0) 推荐(0)
表单验证提交内容不能为空的几种方法
摘要：方法一： 使用css的required属性 方法二： 使用JS代码示例，注意事项：form要加上onSubmit事件，form.xx.vlaue要在表单中对应name 方法三： 使用jQuery方法（通过class验证），需要引用jquery.min.js 优势： 1：为input添加class，名 阅读全文
posted @ 2019-01-26 16:02 Colin.liu 阅读(30846) 评论(0) 推荐(2)
js检测移动设备并跳转到相关适应页面。
摘要：PS：网页自适应的方式有多种。有通过CSS样式表来实现自适应（主流），也有通过显示不同的页面来实现的方式。 下面代码是记录通过判断设备特征来跳转到相关的页面的方法。 实现要求： 当手机，平板访问 a.com 时，自动跳转到 a.com/m 页面（为移动设备开发的页面）。 如果是PC，则正常访问 a. 阅读全文
posted @ 2018-01-20 15:32 Colin.liu 阅读(858) 评论(0) 推荐(0)
jQuery提示组件toastr（取代alert）
摘要：给大家推荐一款jquery提示插件：toastr 它是一个可以取代alert的提示信息框，它在PC，移动设备上都有不错的UI效果。 具体使用方法如下： 1、首先在网页头站调用他需要的js和css文件。 2、然后就可以自定义该组件的相关参数和事件了。 比如弹出的位置，大小，配色，类型等等。 3、HTM 阅读全文
posted @ 2018-01-09 11:39 Colin.liu 阅读(3865) 评论(0) 推荐(0)
jQuery1.9及以上版本检测IE版本号
摘要：jQuery 从 1.9 版开始，移除了 $.browser 和 $.browser.version ， 取而代之的是 $.support 。 在更新的 2.0 版本中，将不再支持 IE 6/7/8。 以后，如果用户需要支持 IE 6/7/8，只能使用 jQuery 1.9。 如果要全面支持 IE， 阅读全文
posted @ 2018-01-09 11:37 Colin.liu 阅读(3916) 评论(0) 推荐(0)
使用js代码将html导出为Excel
摘要：js代码将html导出为Excel的方法： 直接上源码: 阅读全文
posted @ 2017-08-02 09:49 Colin.liu 阅读(2621) 评论(0) 推荐(1)
HTML Select 标签选择后触发jQuery事件代码实例
摘要：页面设计原由： 因为很多客户不知道如何来到我们公司，领导想让我在微信公众号上面做一个链接，客户可以直接通过微信公众号打开地图并导航到我们公司的办公地点。 实现起来并不难，但由于公司有很多办事处，所以需要设计一个选单，在用户选择相应办事处后自动加载相关的地图，于是我做了以下页面： （小弟不才，如代码有 阅读全文
posted @ 2016-07-01 15:50 Colin.liu 阅读(21413) 评论(2) 推荐(0)
使用js代码将HTML Table导出为Excel
摘要：使用js代码将HTML Table导出为Excel的方法： 直接上源码 -完- 阅读全文
posted @ 2015-09-17 11:27 Colin.liu 阅读(8397) 评论(0) 推荐(1)
Jquery Md5加密解密
摘要：首先需要调用md5解析的js文件。（右击-目标另存为方式下载）http://files.cnblogs.com/files/colinliu/md5.js加密方法参考： 阅读全文
posted @ 2015-09-15 11:31 Colin.liu 阅读(5033) 评论(2) 推荐(0)
JS仿Android Toast提示效果
摘要：注：这个需要jquery文件来提示支持，所以需要先调用Jquery。效果： 阅读全文
posted @ 2015-09-15 11:26 Colin.liu 阅读(1204) 评论(0) 推荐(0)
Jquery实现滚动显示欢迎字幕效果
摘要：Jquery控制滚动显示欢迎字幕: 参考代码： <!DOCTYPE html> <html> <head> <title>Colin Marquee Welcome</title> <meta name="description" content=" Colin Marquee Welcome" / 阅读全文
posted @ 2015-09-15 09:38 Colin.liu 阅读(1716) 评论(0) 推荐(0)
Js设置及获取Cookie的方法
摘要：Login页面设置Cookie： <script type="text/javascript"> if(json.result=="true") { if($("input[type='checkbox']").is(':checked')) {setCookie('sapid',json.zsta 阅读全文
posted @ 2015-09-15 09:14 Colin.liu 阅读(871) 评论(0) 推荐(0)
jquery Ajax跨域调用WebServices方法
摘要：由于公司需要开发一个手机页面，想提供给同事直接在手机上可以查询SAP资料。数据需要使用js调用webserver来获取。因为初次使用Jquery调用Webserver，所以期间并不顺利。测试调用Webserver在本机成功，但传到服务器就不能调用成功，后面才知道原来是不支持跨域访问。花了几天的时间才... 阅读全文
posted @ 2015-09-14 17:06 Colin.liu 阅读(577) 评论(0) 推荐(0)