随笔分类 -  html，css学习笔记

ajax批量删除功能的实现源代码
摘要：效果展示：完整代码如下： Ding Jianlong Html 批量删除 ID 标题 10001 标题1 ... 阅读全文
posted @ 2018-08-21 14:41 idjl 阅读(339) 评论(0) 推荐(0)
网页中多个图标在一张图片上，使用css将各图标显示
摘要：test.png完整的代码： 完成后的效果： 阅读全文
posted @ 2018-08-16 11:25 idjl 阅读(1114) 评论(0) 推荐(0)
HTML5开启浏览器桌面通知 Web Notification
摘要：说明：1、Chrome要求必须https才可以开启浏览器通知2、显示图片在本服务器，不支持跨越3、自定义声音Chrome不播放，Firefox正常播放代码如下： Ding Jianlong Html Hell world!源代码下载... 阅读全文
posted @ 2018-08-02 14:05 idjl 阅读(740) 评论(0) 推荐(0)
浏览器在线查看pdf文件 pdf.js的使用教程
摘要：谷歌浏览器可以直接在线查看pdf，而IE内核浏览器无法在线查看，默认是下载。这里用到的是pdf.js，不仅支持IE内核浏览器，而且兼容手机查看pdf官网地址：http://mozilla.github.io/pdf.js/ 下载之后解压放到本地服务器，打开对应网址查看... 阅读全文
posted @ 2018-07-31 15:48 idjl 阅读(2734) 评论(0) 推荐(0)
大文件上传进度条实现
摘要：大文件上传进度条实现1.FormData对象提交表单​ 进行表单提交时，如果表单当中的域很多，使用DOM操作就比较麻烦。FormData可以一次性收集表单中的所有数据，包括文件域的数据，操作更方便。2.调整允许上传文件大小​ 修改php.ini文件中允许POST表单上传的最大数据量：​ 修改php.... 阅读全文
posted @ 2018-07-13 17:55 idjl 阅读(671) 评论(0) 推荐(0)
当你的静态资源CDN挂掉了该怎么办？
摘要：都知道使用静态的CDN引入jQuery等一些js包的时候，会提升网页的性能，那么，如果你引入CDN的地址挂掉了，那么项目同样也会挂掉，所以我们需要在引入的时候添加一个判断。如下：这段代码第一行很简单就是你正常引入cdn的地址。下面一行的话就是首先判断Windows.j... 阅读全文
posted @ 2018-07-03 15:24 idjl 阅读(944) 评论(0) 推荐(0)
使用device.js检测设备并实现不同设备展示不同网页
摘要：device.js cdn地址，打开下面地址，选择版本http://www.bootcdn.cn/device.js/现在很多时候会用@media来控制页面在不同分辨率的设备商展示不同效果，但是有些时候想在直接在PC上展示一个做好的页面，在mobile展示另一个页面。... 阅读全文
posted @ 2018-07-03 14:45 idjl 阅读(691) 评论(0) 推荐(0)
手机html根据手机分辨率网页文字大小自适应
摘要：问题：不同手机型号屏幕尺寸大不相同，导致同样的文字，有的显示一行，有的显示多行。通过查资料和自己的尝试解决；网页开发习惯的px单位，手机html开发不适用。源代码如下： Document 测试手机端文字的自适应 阅读全文
posted @ 2018-05-27 23:34 idjl 阅读(2119) 评论(0) 推荐(0)
JQUERY获取当前页面的URL信息
摘要：以前在做网站的时候，经常会遇到当前页的分类高亮显示，以便让用户了解当前处于哪个页面。之前一直是在每个不同页面写方法。工程量大，也不便于修改。一直在想有什么简便的方法实现。后来在网上查到可以用获取当前URL的详细信息来判断。所以收集了JQUERY获取URL的函数的资料。... 阅读全文
posted @ 2017-12-20 20:16 idjl 阅读(1919) 评论(0) 推荐(0)
JS截取字符串常用方法详细整理
摘要：使用 substring()或者slice() 函数：split() 功能：使用一个指定的分隔符把一个字符串分割存储到数组 例子： str=”jpg|bmp|gif|ico|png”; arr=theString.split(”|”); //arr是一个包含字符值”j... 阅读全文
posted @ 2017-12-20 19:59 idjl 阅读(541) 评论(0) 推荐(0)
省市区地址三级联动jQuery插件Distpicker使用
摘要：插件下载地址http://www.jq22.com/jquery-info8054效果如下:使用:1.引入js2.根据demo示例,写div 3.用户选择值value的获取完整代码如下: 特别注意:提交表单是,不需... 阅读全文
posted @ 2017-12-08 21:06 idjl 阅读(2470) 评论(0) 推荐(0)
jQuery学习总结2
摘要：六、动画效果6.1、基本hide([speed,[fn]])隐藏显示的元素speed: 三种预定速度之一的字符串("slow","normal", or "fast")或表示动画时长的毫秒数值(如：1000);fn:在动画完成时执行的函数。 show([speed,[... 阅读全文
posted @ 2017-11-23 13:12 idjl 阅读(169) 评论(0) 推荐(0)
jQuery学习总结1
摘要：一、下载集CDN引入1.1、官方下载地址：http://jQuery.com/download/jq自2.0版本开始，不再支持IE9一下浏览器；自3.0版本开始，针对移动端做了优化处理；引入 1.2、CDN加速如果将我们的代码放在各大城市，根据用户所在地去距离用户最近... 阅读全文
posted @ 2017-11-20 19:35 idjl 阅读(169) 评论(0) 推荐(0)
Javascript:window.close()不起作用？
摘要：一般的窗口关闭的JS如下写法： window.close()但是呢，chrome，firefox等中有时候会不起作用。改为下面的写法： window.open("about:blank","_self").close() 或者 window.... 阅读全文
posted @ 2017-05-01 10:03 idjl 阅读(3032) 评论(0) 推荐(0)
为什么全部width:100%浏览器边缘存在留白？
摘要：一般浏览器都给body加了外边距，margin:0应该能解决你所遇到的问题。但你很可能又会遇到其他奇怪的现象，比如说p的行高，在不同浏览器上显示不一致，最根本的解决方案还是重置浏览器默认样式。可以使用目前兼容性较好的 necolas/normalize.css · G... 阅读全文
posted @ 2017-04-28 16:50 idjl 阅读(554) 评论(0) 推荐(0)