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

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

时间:2015-08-03      来源:互联网     
特效说明:
一款jQuery鼠标滚动控制全屏页面左右滚动插件,主流整屏网页切换jQuery插件,该js代码基于pageswitch插件实现滚动滚轮全屏、整屏页面左右滚动切换效果代码。(兼容测试:IE6及以上、Firefox、Chrome、Opera、Safari、360等主流浏览器)
使用方法:
1、调用JS插件代码:
<script type="text/javascript" src="js/jquery-1.10.2.js"></script>
<script type="text/javascript" src="js/awardRotate.js"></script>

2、添加HTML代码:
将<!--效果html开始-->......<!--效果html结束-->之间的html和js代码;放在<body></body>之间。

3、JS代码:
<script type="text/javascript">
$(function(){
    $("#container").switchPage({
        'loop' : true,
        'keyboard' : true,
        'direction' : 'horizontal'
    });
});
</script>
相关特效
  • jQuery全屏支持鼠标拖动、滚轮切换的全屏幻灯片

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

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

    jQuery Scroll Path动画切换页面特效

    一款jQuery Scroll Path动画切换页面特效,点击索引按钮整屏动画切换页面,滚动鼠标动画切换页面效果,HTML5网站建设酷炫特效。……
    2016-06-12
  • 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
  • 搜狗浏览器响应式(全屏)整屏切换代码

    搜狗浏览器响应式(全屏)整屏切换代码

    一款搜狗浏览器响应式(全屏)整屏切换代码网页特效,jquery单页整屏滚动插件,切换带弹性动画,支持IE6+浏览器。……
    2015-04-02
  • Ascensor.js响应式全屏切换页面插件

    Ascensor.js响应式全屏切换页面插件

    一款Ascensor.js响应式全屏切换页面插件网页特效,可点击上一页、下一页按钮整屏切换页面,也可点击导航索引按钮全屏切换页面。……
    2015-01-22

最新更新特效

设计分享