添加到百度首页
添加收藏 RSS 网站地图 旧版网站
  • 全部
  • 网页特效
  • 建站教程
  • 设计分享
当前位置:首页 > 网页特效 > CSS3+HTML5特效 >

jQuery Scroll Path动画切换页面特效

时间:2016-06-12      来源:互联网     
特效说明:
一款jQuery Scroll Path动画切换页面特效,点击索引按钮整屏动画切换页面,滚动鼠标动画切换页面效果,HTML5网站建设酷炫特效。请用支持HTML5+CSS3主流浏览器预览效果。(兼容测试:IE10、Firefox、Chrome、Opera、Safari、360等支持HTML5+CSS3主流浏览器)
使用方法:
1、调用CSS样式:
<link rel="stylesheet" type="text/css" href="style/style.css" />
<link rel="stylesheet" type="text/css" href="style/scrollpath.css" />
<link href="http://fonts.googleapis.com/css?family=Terminal+Dosis&subset=latin" rel="stylesheet" type="text/css">

2、调用JS插件代码:
<script type="text/javascript" src="script/lib/prefixfree.min.js"></script>
<script type="text/javascript" src="script/jquery-latest.pack.js"></script>
<script type="text/javascript" src="script/lib/jquery.easing.js"></script>
<script type="text/javascript" src="script/jquery.scrollpath.js"></script>
<script type="text/javascript" src="script/demo.js"></script>

3、添加HTML代码:
将<!--效果html开始-->......<!--效果html结束-->之间的html和js代码;放在<body></body>之间。
相关特效
  • jQuery全屏支持鼠标拖动、滚轮切换的全屏幻灯片

    jQuery全屏支持鼠标拖动、滚轮切换的全屏幻灯片

    一款jQuery全屏支持鼠标拖动、滚轮切换的全屏幻灯片代码下载,该特效具有文字、图片层叠动画效果,支持左右按钮点击切换、鼠标拖拽、滚轮切换。……
    2016-12-01
  • HTML5网站开场动画网页特效

    HTML5网站开场动画网页特效

    一款HTML5网站开场动画网页特效免费下载,该特效基于HTML5+CSS3制作,利用background背景位置移动实现动画效果。……
    2016-06-24
  • jQuery和CSS3单页倾斜分割布局幻灯片特效

    jQuery和CSS3单页倾斜分割布局幻灯片特效

    jQuery和CSS3单页倾斜分割布局幻灯片特效源码是一款非常有创意的基于jQuery和CSS3单页倾斜分割布局幻灯片特效的代码。该幻灯片特效将整个屏幕倾斜分割为两个部分,一部分用于展示图片,另一……
    2016-05-22
  • 移动端整屏切换带判断横屏/竖屏状态JS代码

    移动端整屏切换带判断横屏/竖屏状态JS代码

    一款移动端整屏切换带判断横屏/竖屏状态JS代码网页特效,该JS代码带Loading加载动画,且判断设备屏幕横屏还是竖屏状态,鼠标拖动响应式全屏切换网页框架代码。……
    2015-12-09
  • 65种全屏超炫页面切换效果Page Transitions

    65种全屏超炫页面切换效果Page Transitions

    "一款65种全屏超炫页面切换效果(Page Transitions)网页特效,透明渐变切换、左右滑动切换、3D旋转切换、滚轮切换页面jQuery插件源码。……
    2015-10-16
  • jQuery雷达扫描整屏切换响应式网页模板

    jQuery雷达扫描整屏切换响应式网页模板

    一款jQuery雷达扫描整屏切换响应式网页模板代码下载,该JS特效是一款切换效果类似雷达扫描,支持鼠标滚轮滚动切换、适用于PC网站、移动端展示网站模板。……
    2015-10-11
  • jQuery鼠标滚轮整屏/全屏切换特效

    jQuery鼠标滚轮整屏/全屏切换特效

    一款jQuery鼠标滚轮整屏/全屏切换特效下载,该JS代码基于jQuery+CSS3实现的使用鼠标滚轮或者手势滑动整屏切换/全屏切换网页特效。……
    2015-09-23
  • Swiper.js插件实现整屏拖拽切换支持滚轮切换

    Swiper.js插件实现整屏拖拽切换支持滚轮切换

    一款Swiper.js插件实现整屏拖拽切换支持滚轮切换网页特效,该JS代码鼠标拖拽/触摸屏幕整屏切换,滚动滚轮整屏切换,点击下拉箭头整屏切换代码。……
    2015-08-05
  • 白宫官网whitehouse.gov升级,采用HTML5网站建设

    白宫官网whitehouse.gov升级,采用HTML5网站建设

    据外媒报道,当地时间4月9日,美国白宫对其官网主页进行更新,改用了响应式网页设计,这意味着无论用户是通过何种电子设备访问网站,其都能在上边看到更加舒适的页面布局和内容排版。……
    2015-08-04
  • jQuery鼠标滚动控制全屏页面左右滚动

    jQuery鼠标滚动控制全屏页面左右滚动

    一款jQuery鼠标滚动控制全屏页面左右滚动插件,主流整屏网页切换jQuery插件,该js代码基于pageswitch插件实现滚动滚轮全屏、整屏页面左右滚动切换效果代码。……
    2015-08-03


最新更新特效

设计分享

web前端视频教程