网站首页大图制作,类似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焦点切换效果

文章插图

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

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

文章插图
  • 1
  • 2
  • 3