img的一些问题

当在页面显示的时候，万一图片被移动了位置或者丢失的话，将会在页面显示一个带X的图片，很是影响用户的体验。即使使用alt属性给出了"图片XX"的提示信息，也起不了多大作用。 其实，可以这样处理：当图片不存在的时候，会触发onerror事件，我们可以在该事件中做一下补救的工作，比如：

<img src="图片的url地址" alt="图片XX" onerror="this.src='默认图片的url地址'"/>  

页面返回顶部功能

案例1：锚链接，#id

锚链接是实现同一个页面间的定位，如果页面要定位到哪个位置，只需要将#id设置成定位布局的id，那么要返回顶部的功能，只需要把#id改成顶部布局（如div）的id即可，也可以直接设置成#（如果直接设置#会重新加载该页面，所以使用要谨慎）。

锚链接适用于页面布局间导航，不合适实现返回顶部功能。

案例2：窗体直接向上滚动到顶部。

// 实现返回顶部功能标签a // jQuery实现 返回顶部 $(’.go-top’).bind(‘click’, function() { $(window).scrollTop(0); });

这种方法实现起来也非常简单，使用jQuery给超链接a标签绑定点击事件，通过$(window).scrollTop(0);将整个窗体快速的滚动到距离顶部为0的位置来达到返回顶部效果，这种方法滚动到顶部的速度非常快，几乎是瞬变。

注意：1、href=”javascript:;”取消超链接访问，执行javascript方法，这里的方法为空所以不执行，或者使用href=”javascript:void(0);”代替。

2、$(‘.go-top’).bind(‘click’, function() { // 实现逻辑});这是jQuery绑定事件的方法，click为点击，function(){}为回调方法。

图片等比例缩放

img{  
    width: auto;  
    height: auto;  
    max-width: 100%;  
    max-height: 100%;     
}