随笔分类 - JavaScript+Jquery+AJax+Json
摘要:其实这种效果网上好多的插件,但是我想自己实现看看,其实把思路理清实现起来就非常简单了,让我们看看: 分析: 从图中我们可以看出:右边的top=100px,那么它应该在第一个框的top+height=150px区域内, 当鼠标滚动到第2个区域时,同理,右边的top,应该在第2个框的top+height
阅读全文
摘要:总结: 1、刚开始我是使用ur-li这种来做,但是点击其中一个,其它的都展开了,然后又替换成div-div但是这种也有相同情况,于是我只好分开来做用div div同级来做,这样就没问题了,我在想这个问题可能跟子绝对定位有关系!!!
阅读全文
摘要:总结: 1、jquery使用offset()比position()更精确
阅读全文
摘要:公司最近在做一个视频直播的功能,里面有个页面样式是需要点击收起侧边栏的,整体效果如图: 那么如何制作呢,参考了网上的代码,我发现很简单,下面就是我制作的代码: 总结: 1、是通过css动画效果来制作的,再通过js切换css里面的class来动态监听点击时的效果 2、重点是class中的cbp-spm
阅读全文
摘要:<!-- 直播播放器区域 --> <div class="live-channel-player-area"> <video id="my-video" class="video-js" controls width="320"> <source src="http://v1.live.126.ne
阅读全文
摘要:网上有个视频插件,但是我觉得不太好用,就自己写了一个,不过各位可以参考参考,地址 制作步骤 : 1、页面加个遮罩层,默认是隐藏的 2、设置视频区域position,当然你也可以设置成:fixed,看你自己的需求了 3、然后你有一个按钮,就是专门切换关灯和开灯的,方法如: 4、显示效果: 总结: z-
阅读全文
摘要:如题,相信大家都会遇到这个问题,那么为什么会触发多次呢?其实当你用jquery绑定onchange事件的时候你就无形中给每个radio绑定了事件,所以才会出现执行多少次的问题了,那么如何解决呢,其实这个问题就是最好的解决方法了,你想阿,一组radio当然只会选中一个,但是没有 选中的radio也会执
阅读全文
摘要:原文链接:http://caibaojian.com/javascript-stoppropagation-preventdefault.html 事件兼容 JS停止冒泡 js阻止默认行为 以下是具体关于javascript停止冒泡和阻止默认行为的详细说明 防止冒泡 w3c的方法是e.stopPro
阅读全文
摘要:http://blog.csdn.net/q718330882/article/details/46120691
阅读全文
摘要:var html = template("template"); $('.list-items').append(html); // 追加元素
阅读全文
摘要:js获取height和width总结 网页可见区域宽: document.body.clientWidth 网页可见区域高: document.body.clientHeight 网页可见区域宽: doc...
阅读全文
摘要:注意点:1、opacity设置后其子节点所有节点都是透明的 2、如果不想点击遮住的模态框,可以设置一个透明的遮罩层,就是上面的css .mymodal 3、自己对比下与bootstrap的区别吧 总结三点:1、父节点透明,2、弹出框在body下、3、加个透明层防止点击遮罩的div
阅读全文
摘要:events:function(start, end, callback){ //prev上一月, next下一月等事件时调用 } eventOrder :'seq',
阅读全文
摘要:参考地址:http://www.css88.com/archives/5206
阅读全文
摘要:问说网 > 文章教程 > 网页制作 > HTML5 Audio标签方法和函数API介绍 Audio APIHTML5HTML5 Audio预加载 HTML5 Audio标签方法和函数API介绍 问说网 • 2014-06-19 09:53:52 • 3561 浏览 Audio APIHTML5HTM
阅读全文
摘要:
阅读全文
摘要:在上周的Mozilla Web开发 会议,最后我们花了大半天的时间讨论未来的Mozilla市场应用。Instagram是近期最火爆的移动应用,以10亿美元的天价卖给了FaceBook。我不介意赚取一些外快,所以我决定创建一个Instagram样式的应用(以后将会分享出来)本文向您展示怎样转换Imag
阅读全文
摘要:两种方法 1、在你的input所属的form表单reset()就可以了! 2、设置你的input file value值为空
阅读全文
摘要://打开模态框 function modalOpen(){ $('body').css("overflow", "hidden"); } //关闭模态框 function modalClose(id){ $(id).one('hidden.bs.modal', function() { $('body').css("overflow", "auto")...
阅读全文