摘要: 最近需要用到一个静态分页(以前是php直接放过来的没有研究过),也没很多技术含量,就是方便以后用下~ 没有封装成插件,里面代码很直白,样式,js改起来很方便。 作用对象: 当后台提供数据需要前台展示分页(适合分页数量比较小的项目)的时候 代码说明(源码有详细说明):var dataL = ... 阅读全文
posted @ 2015-07-29 15:17 boyice 阅读(525) 评论(0) 推荐(0) 编辑
摘要: 1 canvas{width:600px; height:600px; border: 1px solid #ccc;}和2 <canvas id="trails" class="fl" width="600" height="600"></canvas>的区别就是 如果你是按照第一个定义的话 会发生等比例缩放的问题就像 img 标签对一样 所以 宽高 尽量写在 canvas 的标签里面去 阅读全文
posted @ 2013-01-23 11:02 boyice 阅读(337) 评论(0) 推荐(0) 编辑
摘要: 不论 你是 中英文混合 还是 单纯的英文 或者单纯的中文word-wrap:break-word;overflow:hidden;这句 最好用了为了解决长串英文,一般用word-wrap:break-word;word-break:break-all;。但是,此方式会导致,普通的英文语句中的单词会被断开(ie下也是)。 遇到了这么个问题 用百度 的Ueditor 和 齐博的 cms 都是输入的 this is a text this 和 后面的 is 中间是有好几个空格的 在 ueditor 的编辑器下 空格是被认为&nbsp在 齐博的也是 但是 U编辑出来的 &nbsp和后面 阅读全文
posted @ 2013-01-06 10:29 boyice 阅读(338) 评论(0) 推荐(0) 编辑
摘要: <script> $(function(){ $.easing.def="easeInQuad";//设置默认效果 var callback=function (){ alert("ok"); } $("#t1").animate({ "top":600 },{duration: 3000, easing:"easeInQuad",//可省略 complete: callback}) }) </script> 使用了easing后,JQ原来的方法有将不可用,用对象代替JQ 阅读全文
posted @ 2012-12-05 17:40 boyice 阅读(331) 评论(0) 推荐(0) 编辑
摘要: 12-21 就是传说中的末日了。。。$(document).ready(function(){ $("#mygallery").Scroll({panelnum:4,speed:1000,timer:3000,left:"leftBtn",right:"rightBtn"});});上述参数从左到右依次是1 一次滚动几个图片2 滚动的速度3 自动滚动的间隔4 你的向左的btn id5 同上 向右下载地址 阅读全文
posted @ 2012-12-05 17:36 boyice 阅读(187) 评论(0) 推荐(0) 编辑
摘要: 最近发现在IE6下不能正常显示PNG图片,这让我很苦恼。使用PNG图片的透明或半透明的特性能做出非常漂亮的网页来,在Firefox和Opera中对PNG的支持都非常的好,但是IE却无视PNG图片这一特性的 “存在”,虽然IE7已经支持可IE6还是不行。查了一些资料,基本解决了这一问题,这里跟大家分享。虽然有让IE6支持PNG透明背景的JS程序,但不是很方便,而且影响代码的简洁,还是用CSS来实现的好。使用到的是:IE5.5+的AlphaImageLoader滤镜语法:filter : progid:DXImageTransform.Microsoft.AlphaImageLoader ( en 阅读全文
posted @ 2012-11-15 14:59 boyice 阅读(1425) 评论(0) 推荐(0) 编辑
摘要: css3中的box-shadow(阴影)可以查看:http://www.css88.com/archives/2136或者http://www.css88.com/tool/css3Preview/Box-Shadow.html在ie下模拟css3中的box-shadow(阴影)可以使用ie的Shadow(阴影)滤镜基本语法:filter: progid:DXImageTransform.Microsoft.Shadow(color=’颜色值’, Direction=阴影角度(数值), Strength=阴影半径(数值));注意:该滤镜必须配合background属性一起使用,否则该滤镜失效。 阅读全文
posted @ 2012-11-15 14:16 boyice 阅读(180) 评论(0) 推荐(1) 编辑
摘要: 以前一直以为在jquery中其实mouseover和mouseout两个事件等于hover事件。但这两个并不能等同。<div class="wrapper">< div class="img"></div>< div class="text"></div>< /div>< div class="point"></div>在wrapper上加事件,当鼠标移动到wrapper上的时候让class="point&qu 阅读全文
posted @ 2012-11-10 15:30 boyice 阅读(178) 评论(0) 推荐(0) 编辑
摘要: 最近的项目涉及到很多表单的制作,特别是复选框(checkbox)和单选框(radio)。但是在前端开发过程中发现,单(复)选框和它们后面的 提示文字在不进行任何设置的情况下,是无法对齐的,而且在Firefox和IE中相差甚大。即使设置了vertical-align:middle,也依 然不能完美对齐。如下图所示:于是上网查看了一些网站,发现这个问题是普遍存在的,如下图(FF3.5):在很多网站涉及到表单的页面中,都存在这种表单元素与提示文字无法对齐的问题。于是打算研究一下这个问题。首先,搜索到了蓝色上wheatlee前辈的文章《大家都对vertical-align的各说各话》。wheatlee 阅读全文
posted @ 2012-09-04 14:18 boyice 阅读(330) 评论(0) 推荐(0) 编辑
摘要: 强制不换行div{white-space:nowrap;}自动换行div{word-wrap: break-word;word-break: normal;}强制英文单词断行div{word-break:break-all;}============================================CSS设置不转行:overflow:hidden 隐藏white-space:normal 默认pre 换行和其他空白字符都将受到保护nowrap 强制在同一行内显示所有文本,直到文本结束或者遭遇 br 对象设置强行换行word-break:normal ; 依照亚洲语言和非亚洲语言的 阅读全文
posted @ 2012-08-13 11:53 boyice 阅读(2851) 评论(0) 推荐(0) 编辑