随笔档案「2016年3月」 - heyucool

多个$(document).ready()的执行顺序问题

摘要：本文以实例形式说明了多个$(document).ready()的执行顺序问题，由实例可以看出多个$(document).ready()的执行顺序并非单纯的顺序执行，其与嵌套层级也有一定的关系。具体实例代码如下： <html> <head> <script src="./jquery-1.9.0.mi 阅读全文

posted @ 2016-03-09 09:54 heyucool 阅读(962) 评论(0) 推荐(0)

JavaScript小工具--TAB选项卡切换隐藏显示动画效果

摘要：开发中经常会遇到TAB选项卡：点击对应的选项卡，该选项卡为active状态，其余为未选中状态，同时显示对应的TAB内容。如下以下为简化例子： <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-T 阅读全文

posted @ 2016-03-06 22:07 heyucool 阅读(1424) 评论(0) 推荐(0)

JavaScript---快速回到页面顶部

摘要：首先设置一个DOM元素： <p id="back-to-top"><a href="#"><span></span>回到顶部</a></p> 然后绑定点击事件 $(document).ready(function () { //首先将#back-to-top隐藏 $("#back-to-top"). 阅读全文

posted @ 2016-03-04 22:50 heyucool 阅读(503) 评论(0) 推荐(0)

JavaScript插件：快速选择日期----jedate日历插件

摘要：jedate是一款轻量级JS库，可快速选择日期 http://www.sucaijiayuan.com/Js/DateTime/1371.html 使用方法：下载jedate ，解压后不要改变文件夹内的目录结构，然后引入jedate.js文件， <input id="datepicker" pl 阅读全文

posted @ 2016-03-04 22:35 heyucool 阅读(12096) 评论(0) 推荐(0)

点击事件然后页面跳转到指定DOM元素的位置

摘要：设置一个函数，执行函数滚动条自动拖动，页面跳转到指定DOM元素的位置。实现方式很简单，首先引入animatescroll.js文件（要先引入JQuery），然后 $('#id').animatescroll(); 即可调到指定DOM元素在页面的位置。为方便可以编写一个函数，传入DOM元素的ID 阅读全文

posted @ 2016-03-04 21:57 heyucool 阅读(4259) 评论(0) 推荐(0)

JavaScript 日期Date格式化工具

摘要：引入下面的JS文件，即可使用例如 new Date().Format("yyyy-MM-dd hh:MM:ss") 方法返回所需的日期格式： //作者 CSDN meizz// 对Date的扩展，将 Date 转化为指定格式的String // 月(M)、日(d)、小时(h)、分(m)、秒(s)、季阅读全文

posted @ 2016-03-04 16:26 heyucool 阅读(290) 评论(0) 推荐(0)