摘要: 好久没来了,更新下插件,这个原理就是利用的 input[type='hidden']和自定义属性data-value捆绑传值操作的,可是设置默认选项,回调等参数,代码不多,比较简单,吼吼(function($){ //模拟下拉框 $.fn.htmlSelect = functio... 阅读全文
posted @ 2014-10-11 16:37 开心豆豆 阅读(4752) 评论(0) 推荐(0) 编辑
摘要: 这第二款也是非常实用的插件,也是与图片相关,关于图片的需求太多了,这个是图片滚动哦,不过不是无缝滚动,是左像右滚动,到头的话再往回滚动,利用scrollLeft实现的,支持自动滚动和每次滚动的个数默认为1张,另外提供了连个外接方法, 停止自动滚动$.fn.roll.stop,继续自动滚动$.fn.r... 阅读全文
posted @ 2014-07-23 12:09 开心豆豆 阅读(350) 评论(0) 推荐(0) 编辑
摘要: 好久没写博客了,变得好懒呀,无地自容。最近一直在学sass和jq插件的写法,照猫画虎的谢了一个jq的插件,也算是第一次真正称得上插件的插件 ,废话不多说 上代码(function($) { $.fn.carousel = function(options) { i... 阅读全文
posted @ 2014-06-19 10:37 开心豆豆 阅读(987) 评论(0) 推荐(0) 编辑
摘要: Css3 选择器 --属性选择器E[attr]只使用属性名,但没有确定任何属性值,E[attr="value"]指定属性名,并指定了该属性的属性值E[attr~="value"]指定属性名,并且具有属性值,此属性值是一个词列表,并且以空格隔开,其中词列表中包含了一个value词,而且等号前面的“〜”不能不写 E[attr^="value"]指定了属性名,并且有属性值,属性值是以value开头的(注意:这个方法会把attr的属性值当做一个整体字符串处理,即如果有多个值,中间用空格隔开,空格也算作'value的一部分')E 阅读全文
posted @ 2013-08-07 20:57 开心豆豆 阅读(314) 评论(0) 推荐(0) 编辑
摘要: 把自己的学习笔记整理一下,今天是HTML5第一篇,明天是css3选择器,给自己提个醒!哈哈新的页面结构以及宽松的语法规范,标签可以不用闭合,可以省略head,body等标签无标题文档标题语义化标签 页眉 主要用于页面的头部的信息介绍,也可用于板块头部 页面上的一个标题组合一个标题和一个子标题,或者标语的组合 主标题 副标题 导航 (包含链接的的一个列表)链接链接 链接 链接 标题 javascript html+css 页脚 页面的底部 或者 版块底部 页面上的版块 用于划分页面上的不同区域,或者划分文章里不同的节 用来... 阅读全文
posted @ 2013-08-06 05:23 开心豆豆 阅读(2660) 评论(0) 推荐(0) 编辑
摘要: 和一个朋友讨论了一下,DOM2绑定方式都是有名的函数,匿名的处理起来有些麻烦,而且即使是有名的函数,在IE低版本的浏览器也是解除不掉的,this指向需要修改,着实费了一番功夫,这个是兼容ie低版本的,可能代码不是最优的,希望朋友们提出优化意见或者需要改进的地方,话不多说,上菜:无标题文档1111111111 阅读全文
posted @ 2013-07-29 10:38 开心豆豆 阅读(4149) 评论(1) 推荐(1) 编辑
摘要: 作为一个 Web 开发人员,你几乎没有理由不喜欢Firefox,因为在Firefox下有很多专门针对开发的扩展插件,非常好用,这里就介绍一些常用的针对网站开发的FireFox扩展,供Web开发人员参考。 1、Firebug 用于调试JavaScript,修改界面HTML和CSS,一些常用的网络分析扩展也是基于Firebug的,非常好用。 2、YSlow YSlow是Yahoo开发的,基于Firebug的用于分析网页性能的工具,可以提供如何提高网站性能的一套规则,用于优化网页的速度和建立高性能的网页。 3、Page Speed Page Speed是Google开发的类似YSlow的... 阅读全文
posted @ 2013-07-28 14:28 开心豆豆 阅读(163) 评论(0) 推荐(0) 编辑
摘要: 今天在做网页的时候发现一个问题,在父标签中使用了overflow:hidden;时,如果子标签中有元素的position设置成relative的时候,在IE6和IE7中父元素的overflow对其将不起作用,在IE8、FF,Chrome中均正常显示如下代码:<div style="height:100px; width:100px; background:#CCC; overflow:hidden;"><div style="height:300px; width:90px; background:#999; position:relative; 阅读全文
posted @ 2013-03-07 10:41 开心豆豆 阅读(233) 评论(0) 推荐(0) 编辑
摘要: 在真正开始之前,我们需要先探讨 canvas 的网格(grid)或者坐标空间(coordinate space)。如 HTML 里有一个150像素宽, 150像素高的 canvas 对象。我在画面上叠加上默认网格,如右图。通常网格的1个单元对应 canvas 上的1个像素。网格的原点是定位在左上角(坐标(0,0))。画面里的所有物体的位置都是相对这个原点。这样,左上角的蓝色方块的位置就是距左边x像素和 距上边Y像素(坐标(x, y))步骤:1, 取得canvas元素 (document.getElementById)2, 取得上下文 (context)上下文是一个封装了很多绘图功能的对象。需要 阅读全文
posted @ 2012-11-28 13:06 开心豆豆 阅读(2852) 评论(0) 推荐(0) 编辑
摘要: 在做页面的时候,发现了下面的这种情况导致了ie6、7与其他浏览器不兼容,ie的高度得是+Offset的高度,原来这是ie的一个bug,貌似只有li才有这个bug。原因就是 LI 里面有block元素,LI之间的空格不会被被忽略,而是单独占用额外的一行夹在每个LI之间,解决办法就是触发layout, li {width:100%; float:left},很简单吧,但是是我困惑了一阵子呢,呵呵 值得记录一下 阅读全文
posted @ 2012-11-21 10:33 开心豆豆 阅读(4679) 评论(0) 推荐(0) 编辑