目前国内网站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焦点切换效果】
文章插图
- 1
- 2
- 3
- 活动首页大图滚动效果
- js大图切换源码_网页首页大图切换效果
- 网线制作方法及顺序有哪些!
- 果汁是怎么打的果汁3大制作工艺
- 干燥花怎么做5种干燥花制作方法
- 孕妇能不能吃番茄酱,番茄酱的制作方式!
- 本文转自:新华社海报制作:冯娟天文科普专家介绍|星空有约|趣味天象:火星将缓缓“躲”进月亮身后
- Google|赵洪鑫:请立即放弃用Word或招聘网站来制作简历
- 阿胶糕的制作方法步骤有哪些!
- 怎么制作幻灯片步骤,制作方法及技巧!