网站首页大图制作,类似Flash焦点切换效果

目前国内网站80%以上的企业站首页均有一个大图自动切换的效果，那么这个效果大部分都是利用Flash实现，对于搜索引擎来说，falsh是无法识别的，所以今天我给大家制作了一个图片切换，打破常规，利于搜索引擎优化的同时，也改善了网站打开速度。以下是切换效果，底部为调用代码。
下载地址： http://pan.baidu.com/s/1c0gS6Rm
*{margin:0px;padding:0px;}img{border:none;}.focus{width:670px;height:240px;overflow:hidden;position:relative;margin:100px auto;}.focus ul{position:absolute;bottom:5px;left:580px;}.focus ul li{list-style:none;width:23px;height:23px;font-size:12px;font-weight:bold;color:#fff;float:left;text-align:center;line-height:23px;margin-right:5px;background:url(http://www.ssffx.com/js/qh/focus2.png);cursor:pointer;}.focus ul .focus_L{background:#fff;background:url(http://www.ssffx.com/js/qh/focus1.png);}

文章插图

文章插图
【网站首页大图制作,类似Flash焦点切换效果】

文章插图