网站首页 程序人生 资源汇 学建站 源码 织梦模板 特效代码 技术手册 IT头条 电商 创业 运营 站长

特色栏目 视频下载 织梦模板 教程书籍 职业生涯 正能量 美图

当前位置: 主页 > 特效代码 > 时间/焦点 > JS实现箭头动画风车式过渡效果的满屏焦点图
演示地址

酷云主机优惠推荐

焦点图

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

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

使用方法:
 

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

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

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

截图:

相关评论

发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 验证码:点击我更换图片

模板亮点:

1:织梦htm5响应式自适应模板,代码简洁,风格大气高端,页面干净。

2:首页带炫酷的幻灯片,新闻展示,服务介绍,案例展示等。

3:模板整体设计十分大气漂亮,展现出你的实力。

4:后台直接修改联系方式、地址、版权信息,网站内容等,修改更加方便。

5:由作者提供免费一次安装,免费BUG修复。

安装步骤:

1、将压缩包上传到空间,解压到网站根目录。(压缩包包括整站代码,包括程序、数据与模板!)

2、全新安装dede系统。

直接运行:http://www.yourname.com/install (请换成你的域名)

注意:安装过程中,数据库前缀默认dede_,其他选项请保持默认设置。

3、还原数据库:

1)进入dede后台,找到‘系统’-‘数据库备份/还原’

2)在屏幕右上角点击‘数据还原’

3)点击屏幕下方的‘开始还原’按钮

4、确定网站风格:

1)点击‘系统’---系统基本参数

2)将‘站点根网址’改为您的网址,如http://www.xxx.com/(本地安装的朋友,请保持http://localhost。)

3)点击‘确定’按钮

5、更新缓存:

点击‘生成’-'更新系统缓存'

6、更新主页:

点击‘生成’-'更新主页html'

浏览下主页,如果没有问题。即可生成全站。

7、生成全站:

点击‘生成’-‘一键更新网站 ’-更新所有-开始更新

至此,模板安装结束

还原数据后后台登陆账号以及密码:admin,登陆后请修改密码

织梦商业模板

热点学习

关于我们

微信公众号

扫码关注官方微信

返回顶部