2014年4月3日

返回顶部之实现

返回顶部的快捷按钮在web页面中普遍存在，不过有些的实现不理想，滚动条是瞬间滚到页面顶部，过程不平滑而影响效果。在这里列举实现返回顶部的几个方法。1、使用锚点页面顶部的元素设置id值，返回顶部由a标签实现，a标签的href值为之前页面顶部元素的id值。代码如下：1 2 足够使container出现滚动条的内容3 4 返回顶部View Code利用浏览器a标签的锚点功能，可以很容易实现返回顶部，不过滚动条滚动过程中并不平滑。2、使用DOM的scrollIntoView方法绑定返回顶部按钮的点击事件，事件回调函数中调用页面顶部元素的scrollIntoView方法。代码如下：1 //绑定返回...

posted @ 2014-04-03 13:49 shiny_bender 阅读(292) 评论(0) 推荐(0)

html5+css3实现抽屉菜单

摘要： 抽屉菜单在手机native应用中很常见。比如酷狗手机版的界面：左侧为操作菜单，默认不显示。需要时向左滑动界面，操作菜单将从侧边缓缓展示出来，不需要时向右滑动界面，操作菜单又将隐藏在侧边而不会占位置，操作菜单这种缓入缓出用户体验非常不错。这里采用css3实现抽屉菜单效果。以下代码以及实例请在基于webkit手机浏览器下访问。html代码如下：1 2 3 4 View Code样式代码如下: 1 .container{ 2 position: relative; 3 height: 300px; 4 overflow-x: hidden; 5 } ... 阅读全文

posted @ 2014-04-03 00:18 shiny_bender 阅读(23284) 评论(0) 推荐(1)

2014年4月1日

使用CSS预处理器时注意事项

摘要： 使用CSS预处理器需要注意事项 阅读全文

posted @ 2014-04-01 17:32 shiny_bender 阅读(193) 评论(0) 推荐(0)

2013年10月13日

将I任意形式颜色值(如rgb/颜色关键字)转化成十六进制

摘要： 在css中，有多种形式表示颜色值，比如同一个红色，可用十六进制：#FF0000，或RGB:rgb(255,0,0)，或颜色关键字:red等表示。在符合W3C标准的浏览器下，通过函数getComputedStyle()会返回RGB/RGBA形式的颜色值，但在IE9以下浏览器，由于不支持该函数，必须自行实现颜色值的转换。这里举例大神DE的实现。function toHex(color) { var body = createPopup().document.body, range = body.createTextRange(); body.style.color = colo... 阅读全文

posted @ 2013-10-13 00:03 shiny_bender 阅读(888) 评论(0) 推荐(0)

2013年10月12日

遍历DOM精简实现

摘要： 精简代码实现遍历DOM节点 阅读全文

posted @ 2013-10-12 22:35 shiny_bender 阅读(265) 评论(0) 推荐(0)

2013年10月10日

execScript与eval区别

摘要： execScript与eval的区别 阅读全文

posted @ 2013-10-10 23:09 shiny_bender 阅读(7741) 评论(0) 推荐(0)

神奇的JavaScript之正则

摘要： 今朝在技术群里，碰到有人问这样一个问题：使用正则去掉字符串中相邻的重复字符，比如字符串"ddssssaaaadkslsls"，去除相邻重复字符后，结果为"dsadksls"。仔细琢磨后，我的实现是这样的：1 'ddssssaaaadkslsls'.replace(/(\w+?)(?:\1+)/g, '$1');//运行结果为dsadksls这里涉及到正则表达式的知识点有：分组、反向引用、非捕获分组(貌似是这样称呼)、懒惰匹配、全局模式。对于具体知识点描述，本文不会在此赘述，有兴趣的客官可以翻阅。如上题算是较简单字符串处理功 阅读全文

posted @ 2013-10-10 14:11 shiny_bender 阅读(178) 评论(0) 推荐(0)

神奇的JavaScript之Function

摘要： Function.constructor === Function;//?!! 阅读全文

posted @ 2013-10-10 14:10 shiny_bender 阅读(385) 评论(0) 推荐(0)

实现img包含在容量居中显示

摘要： 实现img包含在某容量时居中显示 阅读全文

posted @ 2013-10-10 14:08 shiny_bender 阅读(461) 评论(0) 推荐(0)

《JavaScript patterns》读书笔记

摘要： 《JavaScript patterns》读书笔记 阅读全文

posted @ 2013-10-10 14:07 shiny_bender 阅读(131) 评论(0) 推荐(0)

下一页
点击右上角即可分享
微信分享提示