看见很多Blog的右下角有一个平滑滚动到页面顶部的箭头,觉得挺实用。我的WP主题没有自带这个功能,网上找到的现成的又都是基于jQuery的,自己的网站我还不考虑用任何JS框架,自己写一个好了…既然是自己写那就考虑把功能写得完整一些,不仅要可以平滑滚动到页面顶端,而且要可以平滑滚动到页面任何元素指定的位置,实现锚点的功能。
先把那个箭头按钮给造出来,一个黑方块里面套一个三角形和正方形,一共3个元素: 查看详细
看见很多Blog的右下角有一个平滑滚动到页面顶部的箭头,觉得挺实用。我的WP主题没有自带这个功能,网上找到的现成的又都是基于jQuery的,自己的网站我还不考虑用任何JS框架,自己写一个好了…既然是自己写那就考虑把功能写得完整一些,不仅要可以平滑滚动到页面顶端,而且要可以平滑滚动到页面任何元素指定的位置,实现锚点的功能。
先把那个箭头按钮给造出来,一个黑方块里面套一个三角形和正方形,一共3个元素: 查看详细
以前喜欢用PNG图片做背景透明,在IE6下再加个htc才能做到全兼容,每次要改透明度就得重新做一张PNG,比较麻烦。这里找到一个比较简便的方法,不用加载图片,缺点是CSS长了点(要满足兼容性,长也是正常的),不过能节约时间。
原理是在旧版IE中用滤镜,在IE9以后支持CSS3的浏览器中用RGBA色,包含了透明度值,CSS代码如下 查看详细
VOILÀ网站(www.vhr.com)是公司最重要的平台网站,由我全面负责网站的改版,需要进行前端的全部重构工作。由于每天都有大量日常的零碎工作,这个网站的改版总需要我另外“挤”时间去做,历时大半年才算完成。所幸的是可以完全根据自己的想法来设计构架,做起来也很过瘾。
这是一个酒店的查询和订房平台,www.vhr.com是它的域名。但我们还为这个网站绑定了几十个其他域名,需要根据不同的域名载入不同的CSS,实现“换肤”的功能,以便让网站能够根据不同的酒店品牌实现“本地化”。实现原理也很简单,把大部分样式写在一个主样式表中;把“换肤”用到的颜色,图片等设置分别写在每个域名对应要载入的样式表中即可。经过一番“样式表大作战”,使我对网站重构有了更加深入的认识,获益良多。 查看详细
最近碰到的两个原生JS在IE6/7/8里的兼容问题。
1,indexOf和slice等字符串方法:
在用这两个方法进行数组内部元素操作的时候,在IE9+以上没有碰到问题,但在IE678中经常给我脸色看,报错类似“…is null or not an object”。及其笼统的报错。用toString方法把对象转换成字符串,这一行本身也会报错。
解决方法:直接在对象后面+”,强制转换成字符串就行了 查看详细
一个很老的问题,一年前在做VHR项目的时候就碰到过,当时解决后没做记录。这次做Hilton网站的时候又碰到,一时记不起是如何解决的了,只好通过排差法从头来过。
如图页面,在PC各浏览器都完美,但一些板块在iPad上似乎无法居中对齐,底部文字又是撑满的。CSS设置宽度的时候顶部大图是100%,下面文字区域宽度1000px。检查了其他几个有同样问题的页面,宽度1000px的区域在iPad上都是撑满了浏览器宽度,而宽度是100%的区域反而都在右侧缩进去一截。这个问题在PC上不易被发现,但在iPad上很普遍。新做的网站一定要在iPad上检查一下哦!
查看详细