前端开发 - 随笔分类 - springside5

CSS3无图片实现华丽折页菜单效果（多浏览器兼容）

摘要：昨天在做一个网站的左栏菜单的时候，突然想到，看了那么多创意的CSS3导航、菜单，何不自己动手做一个纯CSS3菜单呢？于是捣鼓了一下把想法给实现了，虽然说是比较老掉牙的一个创意，不过顺便也算是锻炼了一下CSS水平。先看看网页里的最终效果：那么，教程开始了！Step1首先，一个菜单的结构如下：<div class="wrapper"> <ul id="menu"> <li><a href="javascript:void(0);">菜单1</a></li> <l 阅读全文

posted @ 2012-05-29 02:57 springside5 阅读(451) 评论(0) 推荐(0)

CSS3实现文本框焦点伸长效果

摘要：如果用过苹果官网的搜索功能，就会发现，当搜索框获得焦点时会自动伸长，并且有动画效果，这是怎么实现的呢？不需要Flash，不需要JavaScript，纯CSS3就可以实现，先看看Demo（不支持IE内核浏览器）：演示地址CSS代码：input, textarea{ color: #888; padding: 5px; margin: 10px; outline: none; overflow:hidden; border-radius: 5px; background: #fafafa; border: 1px solid #ddd; -moz-box-shadow: inse... 阅读全文

posted @ 2012-05-29 00:36 springside5 阅读(343) 评论(0) 推荐(0)

方便、简洁：Flash AS3实现多浏览器兼容复制按钮

摘要：众所周知，在网页中若想实现点击按钮自动复制到剪贴板中可以用以下代码实现：if(window.clipboardData) { window.clipboardData.clearData(); window.clipboardData.setData("text", "这是复制的文字"); }但可惜的是，这种方式只支持IE内核浏览器。而对于浏览器来说，Flash不存在兼容性问题，因此我们可以通过ActionScript来实现复制：System.setClipboard("你要复制的内容");而网页中要做的是显示并通过flashvars 阅读全文

posted @ 2012-05-07 03:12 springside5 阅读(148) 评论(0) 推荐(0)

随笔分类 - 前端开发