摘要: QQ音乐的推荐里旋转效果还不错,可惜没怎么看到过JS版的,10.1琢磨写了一下。效果:>>原码下载 阅读全文
posted @ 2011-10-08 14:23 only sea 阅读(585) 评论(5) 推荐(0) 编辑
摘要: 下面一个比较常见的三列布局:mark up:<div id="wrap" > <div id="main"> <div id="body"></div> </div> <div id="left"></div> <div id="right"></div></div>CSS:*{margin:0;padding:0;}html,body{ height:100%;}#wrap{ 阅读全文
posted @ 2011-09-25 19:46 only sea 阅读(336) 评论(0) 推荐(0) 编辑
摘要: vertical-align属性算是CSS中一个比较不好理解的,记下自己的理解。vertical-align可以用三个2来总结:两种情况;两个概念;两个属性。两种情况: vertical-align可以用在display:table-cell 的下面(典型的就是td),这时的有四个可取值baseline|top|middle|bottom。这种情况下比较简单,分别用cell box的baseline、top、middle、bottom对齐这一行的baseline、top、middle、bottom即可。 cell-box:包围内容的最小框。 cell-box的baseline:一般来说为... 阅读全文
posted @ 2011-09-23 16:23 only sea 阅读(6236) 评论(14) 推荐(2) 编辑
摘要: apple mac页的产品浏览是CSS3渐近增强的一个很好应用,主要用了transition,当然像border-radius、box-shadow、rgba等的的运用就随处可见了。在chorme下这个产品浏览区的transition方式给我感觉很好,可惜在不支持transition的浏览器中,就没法看到效果了。便用JS写了个类似效果(这里显示宽度不够,把原来的1000px设成了800px)。 MacBook Air ... 阅读全文
posted @ 2011-08-30 22:35 only sea 阅读(319) 评论(0) 推荐(0) 编辑
摘要: 正则表达式提供了一个灵活方便的方式来识别字符、单词或字符序列。javascript里面通过RegExp对象来运用正则表达式。没有找到一个适合自己的中文资料,都说得不够细,写下这些供以后查阅,如果有价值也可方便他人,话说好记性不烂笔头 :)语法:var re = RegExp(pattern [, flags]); var re = new RegExp(pattern [, flags]); var re = /pattern/flags;参数:pattern必须.正则表达式。Note:要创建一个有实际意义的正则表达式,这个参数一般是必须的。当然如果实例化时不带这个参数,也是没有问题的,只不过 阅读全文
posted @ 2011-08-10 17:10 only sea 阅读(661) 评论(0) 推荐(0) 编辑
摘要: DEMO:说明:DragBlock:定义模块类,四个set方法和一个animate方法。Drag:定义拖拽行为。Gdrag:定义整个快速拨号的类,@params:{String} containerId, {Array} data, {Object} options发现问题:<div id="tst" style="position:relative; border:13px solid #CCC; height:200px; overflow:hidden;"> <div id="inner" style=&quo 阅读全文
posted @ 2011-07-11 11:01 only sea 阅读(636) 评论(14) 推荐(0) 编辑
摘要: Demo:output:说明: Method Param Box.Alertmsg:stringBox.Prompttitle:string,content:string,enterCallback:fuction,cancelCallback:functionBox.Confirmcontent:string,enterCallback:function,cancelCallback:functionBox.shadowBoxhtml:string,image:url,iframe:url,width:number,height:number待完善:没解决IE6下select问题,可以通过隐 阅读全文
posted @ 2011-07-05 09:38 only sea 阅读(410) 评论(6) 推荐(0) 编辑
摘要: 样式规则有三种来源,分别为:外部样式表或style元素中的CSS rules。如:p{color:blue;}这里的外部样式表包括浏览的样式、用户声明的样式(正常声明和重点声明)、作者的样式(正常和重点)。内联的style属性,如:<p style="color:blue" ></p>HTML元素的视觉属性,如:<td bgcolor="blue"></td>由于元素有自己的HTML属性,后面两者都能很容易的和元素匹配上。对第一个的处理就有些麻烦,如果按一般的想法,为每个元素查找匹配的规则而遍历整个样式表, 阅读全文
posted @ 2011-06-14 12:53 only sea 阅读(603) 评论(2) 推荐(0) 编辑
摘要: 前两天看到一个论坛上的朋友问倒记时怎么实现,没事儿自己也写了个。记得刚不久注册个blog,便发上来试试。不太明白怎么这里展示程序和发图片,费了不少劲才将效果展示到了页面。倒记两小时: 跑表:00000000原文件下载 阅读全文
posted @ 2011-06-13 09:39 only sea 阅读(231) 评论(2) 推荐(1) 编辑