更多>
最新下载
24小时阅读排行榜
- 1 css使用bulma图标按钮样式异常怎么办_使用icon class和button组合
- 2 c# ConcurrentDictionary的GetOrAdd和AddOrUpdate是原子操作吗
- 3 css unset 属性是什么意思_属性重置行为说明
- 4 Golang微服务如何进行负载均衡_负载均衡策略分析
- 5 css 使用浮动后模块顺序难控制怎么办_利用 clear 控制布局顺序
- 6 如何在Go中使用命令模式_Go命令模式行为封装技巧
- 7 如何在上传前对XML进行语法高亮和格式化 CodeMirror/Monaco Editor
- 8 css 字体粗细与浏览器兼容性怎么办_font-weight 规范值
- 9 Go测试中如何构造请求 Golang httptest用法解析
- 10 php动态网站开发怎样做登录验证_PHP动态网站登录验证方法【技巧】
- 11 C# MAUI怎么连接SQL Server MAUI远程数据库访问
- 12 php创建文件换行符怎么加_php创文件加换行写法【实例】
- 13 ERP系统仓库管理系统_ERP中WMS模块功能与操作详解
- 14 MySQL EXPLAIN FORMAT=JSON 中的 cost 与 rows_examined 解读
- 15 css 在组件化开发中如何引入样式_组件 css 引入方法
更多>
最新教程
-
- Node.js 教程
- 16177 2025-08-28
-
- CSS3 教程
- 1546698 2025-08-27
-
- Rust 教程
- 23311 2025-08-27
-
- Vue 教程
- 25777 2025-08-22
-
- PostgreSQL 教程
- 22254 2025-08-21
-
- Git 教程
- 9235 2025-08-21
jQuery全屏页面滚动导航切换效果
js代码
<script type="text/javascript" src="js/jquery-1.11.2.min.js"></script>
<script type="text/javascript" src="js/jquery.mousewheel.min.js"></script>
<script type="text/javascript">
$(function() {
var nowpage=0;
var lock=true;
function donghua(){
$('.containter').animate({'top': -100*nowpage+'%'}, 500);
$('.page').eq(nowpage).addClass('current').siblings().removeClass('current');
$('.dian ul li').eq(nowpage).addClass('da').siblings().removeClass('da');
$('.nav ul li').eq(nowpage).addClass('bg').siblings().removeClass('bg');
}
$(document).mousewheel(function (event,delta) {
if(lock){
nowpage=nowpage-delta;
if(nowpage<0){nowpage=0;}
if(nowpage>4){nowpage=4;}
donghua();
lock=false;
setTimeout(function () {
// body...
lock=true;
},1000);
}
})
$('.nav ul li').click(function(event) {
nowpage=$(this).index();
if(nowpage<=4){donghua();}
});
$('.dian ul li').click(function(event) {
nowpage=$(this).index();
donghua();
});
});
</script>
本站所有资源都是由网友投搞发布,或转载各大下载站,请自行检测软件的完整性!本站所有资源仅供学习与参考,请勿用于商业用途,否则产生的一切后果将由您自己承担!如有侵权请联系我们删除下架,联系方式:admin@php.cn
