文章分类 - Jquery
摘要:获取系统时间: 为了解决安卓和苹果浏览器输出的时间格式不一致,可以用如下代码 获取特定格式的时间: 对获取的日期格式化的方法 JS获取当前时间戳的方法 JavaScript 获取当前时间戳: 第一种方法: 得到的结果:1280977330000 注意:这里得到的结果将后三位(毫秒)转换成了000显示
阅读全文
摘要:无缝连接跑马灯哦。。。mcake官网公告使用 演示 我是跑马灯哦。。。无缝连接跑马灯 我是loop循环滚动 sdlfjsldjflds
阅读全文
摘要:微信打开网页键盘弹起后页面上滑,导致弹框里的按钮响应区域错位 微信打开网页如:https://img.zai-art.com/web/app/demo/weixin.html 微信IOS 6.7.4 键盘弹起页面上滑,键盘收起页面不会回到原位置,导致弹框(css设置position为fixed会有问
阅读全文
摘要:正常页面: 键盘拉起页面 键盘收起页面 解决方案:在点击按钮那里或者是input失去焦点时加下面其中一个即可解决。 通过scrollTop滚动来解决。 scrollTop 或者是scrollTo 完美解决方案: 无bug(根据当前滚动条的位置来计算,失去焦点后,重新让滚动条滚动到之前的位置,太完美了
阅读全文
摘要:attributes $(this).each(function() { $.each(this.attributes, function() { // this.attributes is not a plain object, but an array // of attribute nodes, which contain both the name and value...
阅读全文
摘要:在我的记忆中pointer-events就是用来进行事件穿透的,也就是说,如果给父元素设置了pointer-events:none,那么父元素不再监听鼠标事件事件(类似于touch,click这样的)。 需要这样做的情况,通常是我们想“穿透”父层,直接点击子元素时,父元素会当作什么也没有发生一样。
阅读全文
摘要:#snow{position:fixed; top:0; left:0; display:block; pointer-events:none; z-index: 10;} (function () { function sliding(callback, duration){ /*妯℃嫙setTimeout*/ var starttim...
阅读全文
摘要:如何让js中的函数只被执行一次?我们有时候会有这种需求,即让一个函数只执行一次,第二次调用不会返回任何有价值的值,也不会报错。下面将通过三个小demo展示使用的方法,当做个人笔记。 1.通过闭包来实现。 2.第一次调用后,把func函数值空。func= function(){}; 3.设置一个值,通
阅读全文
摘要:ios系统下不能自动播放视频。。。如果点击播放的话,还会自动放大到全屏模式 解决方案: //必须在weixin JSAPI的WeixinJSBridgeReady才能生效,该方法对ios生效,对部分android生效,实现页面加载完自动播放功能 //必须在weixin JSAPI的WeixinJSB
阅读全文
摘要:$(window).on("scroll", function handle(){}); //绑定滚动事件 $(window).off("scroll", handle); //卸载滚动事件
阅读全文
摘要:$("html,body").animate({scrollTop: 0},500);
阅读全文
摘要:先介绍几个属性:(暂时只测了IE和firefox,实际上我工作中用到的最多的是chrome) 网页被卷起来的高度/宽度(即浏览器滚动条滚动后隐藏的页面内容高度) (javascript) document.documentElement.scrollTop //firefox (javascript
阅读全文
摘要:/* 时间倒计时插件 TimeDown.js */ function TimeDown(id, endDateStr) { //结束时间 var endDate = new Date(endDateStr); //当前时间 var nowDate = new Date(); //相差的总秒数 var
阅读全文
摘要:已经测试通过,可以使用: 方法一、 如果只需要让不支持placeholder的浏览器能够支持改功能,并不要求支持原生placeholder的浏览器表现一致,那么可以采用如下方法: 方法二、如果需要自定义样式,并且希望placeholder在所有浏览器下表现一致,可以通过利用label标签模拟一个pl
阅读全文
摘要:Respond.js 是一个快速、轻量的 polyfill,用于为 IE6-8 以及其它不支持 CSS3 Media Queries 的浏览器提供媒体查询的 min-width 和 max-width 特性,实现响应式网页设计(Responsive Web Design)。 html5shiv 使不
阅读全文
摘要:js方法: jquery方法: 计算还剩余多少字可以输入:
阅读全文
摘要:html js
阅读全文
摘要:打印结果如下:
阅读全文
屏蔽谷歌浏览器(webkit)中的input、textarea的默认点击/聚焦高亮的样式 input {outline: none;}textarea {outline: none;},input高亮
摘要:学习转载 屏蔽谷歌浏览器(webkit)中的input、textarea的默认点击/聚焦高亮的样式 WebKit作为一个开源的浏览器引擎,而且有google及苹果的大力推广,应该将来的市场占有的份额应该不错。 同时苹果和google推出的相关智能手机也会用到webkit内核的mini浏览器。 这两款
阅读全文