前端什锦 - 随笔分类 - 百宝箱

摘要：如果想通过获取焦点输入改变内容，type不能是hidden的样式隐藏不能用display:none 和 visibility:hidden，因为这样写了就不能输入了，要用透明度和定位；阅读全文

posted @ 2016-05-28 17:29 百宝箱阅读(3689) 评论(0) 推荐(1)

摘要：chrome,firefox,safari, ie9+ 会根据高度自动居中文字； IE9- 以下用这段代码垂直居中；阅读全文

posted @ 2016-04-13 14:01 百宝箱阅读(532) 评论(0) 推荐(0)

摘要：今天做了两个inline-block元素，出现左右两个元素顶端出现上下不对齐的情况（下图）：解决办法：把应用 inline-block的元素加上 vertical-align: top; .CSSElement{display: inline-block; vertical-align: top 阅读全文

posted @ 2016-01-28 16:53 百宝箱阅读(1432) 评论(1) 推荐(1)

多语言样式容器内容超出父级宽度不换行显示

摘要：一个经典的左右浮动布局； wrap层宽度为1000px;在英文布局下，左右浮动计算好宽度或者不给宽度，都没问题，但是项目引进了多语言翻译后，遇上俄语，法语，意大利语这些单词词组比较长的时候，就会出现left层加上right层的总宽度超过wrap层的情况，然后right层就会有跳行的BU... 阅读全文

posted @ 2015-11-16 13:29 百宝箱阅读(607) 评论(0) 推荐(0)

safari渲染Transition动画不流畅问题

摘要：用css3的transition过渡来做页面动画的时候，发现在chrome和ff流畅，在safari 不流畅；度娘找到了淘宝UED的一个类似解决方案，动画就流畅了。测试环境：win7 32bit;safari;问题代码：#site-nav .menu-hd b {…-webkit-transitio... 阅读全文

posted @ 2015-11-12 11:24 百宝箱阅读(1320) 评论(0) 推荐(0)

div模仿select效果二：带搜索框

摘要：项目需要，要做一个首字母快速定位的select，代码如下： HTML CSS JQ 阅读全文

posted @ 2015-08-24 16:17 百宝箱阅读(397) 评论(0) 推荐(0)

BG雪碧图制作要求

摘要：使用软件 firework 保存png-8 然后参数如下图；格式：PNG 8调色板：最适合深度：128透明度：Alpha 透明度阅读全文

posted @ 2015-07-13 16:54 百宝箱阅读(235) 评论(0) 推荐(0)

chrome浏览器设置小于12号的字体不起作用？

摘要：在某些chrome浏览器下，css里设置的10号字体竟然不起作用！仍显示12号大小，对比firefox、ie6、7、8、9，他们的显示都是好的。要是你也碰到这问题，可以这样解决：-webkit-text-size-adjust: none;在css里加上这一句就可以。如你的样式是这样写的：.copy... 阅读全文

posted @ 2015-06-26 12:02 百宝箱阅读(378) 评论(0) 推荐(0)

【转】前端不为人知的一面--前端冷知识集锦

摘要：前端已经被玩儿坏了！像console.log()可以向控制台输出图片等炫酷的玩意已经不是什么新闻了，像用||操作符给变量赋默认值也是人尽皆知的旧闻了，今天看到Quora上一个帖子，瞬间又GET了好多前端技能，一些属于技巧，一些则是闻所未闻的冷知识，一时间还消化不过来。现分类整理出来分享给大家，也补充... 阅读全文

posted @ 2015-06-26 11:55 百宝箱阅读(151) 评论(0) 推荐(0)

jQ复制按钮的插件zclip

摘要：zclip官网：http://www.steamdev.com/zclip/swf文件国内下载：ZeroClipboard.swfjQuery-zclip是一个复制内容到剪贴板的jQuery插件，使用它我们不用考虑不同浏览器和浏览器版本之间的兼容问题。jQuery-zclip插件需要Flash的支持... 阅读全文

posted @ 2015-06-16 11:38 百宝箱阅读(510) 评论(1) 推荐(0)

多行文本垂直居中方法二

摘要：该处用了一个标签的样式来控制了整个父级的垂直居中效果。复制以下代码到本地，另存为html 运行查看效果： Demo first class Can be modified Can be refunded. Can be endorsed ... 阅读全文

posted @ 2015-06-13 10:36 百宝箱阅读(313) 评论(0) 推荐(0)

多行文字垂直居中（完美兼容chrome firefox IE6 7 8 9）

摘要：在说到这个问题的时候，也许有人会问CSS中不是有vertical-align属性来设置垂直居中的吗？即使是某些浏览器不支持我只需做少许的CSSHack技术就可以啊！所以在这里我还要啰嗦两句，CSS中的确是有vertical-align属性，但是它只对(X)HTML元素中拥有valign特性的元素才生... 阅读全文

posted @ 2015-06-13 09:57 百宝箱阅读(596) 评论(0) 推荐(0)

JQ仿select框

摘要：点击[cy_title]后弹出[cy_list]层，选中里面的元素把值赋给 [cy_title]在[cy_list] 打开的时候，点击其他地方可以关闭；HTML： English English French German Swed... 阅读全文

posted @ 2015-06-10 17:42 百宝箱阅读(323) 评论(0) 推荐(0)

JQ改变URL

摘要：看到搜索按钮可以把网址提供到URL里面$('#search_submit').click(function(){ var keywords = $('#keywords').val(); location.href="index.php?com=search&keywor... 阅读全文

posted @ 2015-06-10 17:06 百宝箱阅读(1367) 评论(0) 推荐(0)

CSS阻止页面双击选中文本

摘要：转载自：w3cui在双击左右箭头，快速切换图片滚动时，会选择附近区域的文字，感觉不是很好，今天在同事在分享时，讲到了这个问题，试了一下，不错，解决了问题IE及Chrome下的方法一样，对相应的元素添加onselectstart=”return false;”但是，这个在火狐下不起作用，但是火狐下可... 阅读全文

posted @ 2015-06-03 16:53 百宝箱阅读(705) 评论(0) 推荐(0)

jQuery遍历 slice()方法

摘要：今天做页面，遇到一个滚动的swipe，需要4个一组，然后在外层加个，方法如下：$('.xxxxx li').each(function(n){ $('.xxxxx li').slice(n*4, (n+1)*4).wrapAll(''); })然后也熟悉了一遍 ... 阅读全文

posted @ 2015-06-03 16:06 百宝箱阅读(182) 评论(0) 推荐(0)

IE 下的z-index BUG问题

摘要：今天做项目的时候在IE7 碰到了IE 的 z-index 问题；然后问了几个朋友，总结了一下z-index问题的几个要点：1、z-index 是要在position为relative或者absolute的时候生效的；2、z-index 是在同一级别元素数值越大层级越高，显示也就越在前面；3、前面两点... 阅读全文

posted @ 2015-05-27 16:06 百宝箱阅读(206) 评论(0) 推荐(0)

JS与JQ倒计时的写法

摘要：页面需要制作一个倒计时的功能；然后度娘了一遍，找到两种写法，原生JS与JQ 的，经过测试原生JS在IE可能会有不刷新的现象所以结合了一个大神的JQ写法修改好了一个。原生JS写法：HTML: JS:这种写法，JS部分很容易看懂。结合JQ修改后的版本：HTML部分和上面是一样的，主要是JS... 阅读全文

posted @ 2015-05-18 14:54 百宝箱阅读(1312) 评论(0) 推荐(0)

HTML中解决双击会选中文本的问题

摘要：HTML中解决双击会选中文本的问题你选不了我,解决双击被选中的问题, unselectable: IE/Opera, -moz-user-select: FireFox, onselectstart: IE/Safari 阅读全文

posted @ 2015-05-16 12:07 百宝箱阅读(460) 评论(0) 推荐(0)

关于<html>标签里的class= no-js

摘要：最近研究bootstrap的时候，发现了一个案例网站有一段然后问了下度娘，找到了一篇大神的文章里面对这个有很详细的解释：为什么网页 code 有class="no-js"？其实，这个no-js是配合Modernizr一起使用的类名（class）Modernizr 是一个 javascript 库... 阅读全文

posted @ 2015-05-11 11:07 百宝箱阅读(4527) 评论(0) 推荐(0)

百宝箱

随笔分类 - 前端什锦

公告