焦 点 图

关注公众号 jb51net

关闭
JS实现箭头动画风车式过渡效果的满屏焦点图

JS实现箭头动画风车式过渡效果的满屏焦点图

热门排行

简介

焦点图

网站焦点图是一种网站内容的展现形式,可简单理解为一张图片或多张图片展现在网页上就是网站焦点图。在网站很明显的位置,用图片组合播放的形式,类似焦点新闻的意思只不过加上了图片。一般多使用在网站首页版面或频道首页版面,因为是通过图片的形式,所以有一定的吸引性、视觉吸引性。容易引起访问者的点击,据国外的设计机构调查统计,网站焦点图的点击率明显高于纯文字,转化率高于文字标题5倍。

本文给大家介绍的是利用Javascript实现的箭头动画风车式过渡效果的满屏焦点图,效果非常酷炫,兼容目前的主流浏览器,推荐大家下载使用。

使用方法:
 

1、head区域引用css文件, modernizr.custom.js
 

2、在文件中加入<!-- 代码 开始 --><!-- 代码 结束 -->区域代码
 

3、复制images文件夹里的图片到相应的路径

大家还下载了