第12讲js案例分析.pptx

上传人:p** 文档编号:273343 上传时间:2023-04-25 格式:PPTX 页数:14 大小:516.55KB
下载 相关 举报
第12讲js案例分析.pptx_第1页
第1页 / 共14页
第12讲js案例分析.pptx_第2页
第2页 / 共14页
第12讲js案例分析.pptx_第3页
第3页 / 共14页
第12讲js案例分析.pptx_第4页
第4页 / 共14页
第12讲js案例分析.pptx_第5页
第5页 / 共14页
第12讲js案例分析.pptx_第6页
第6页 / 共14页
第12讲js案例分析.pptx_第7页
第7页 / 共14页
第12讲js案例分析.pptx_第8页
第8页 / 共14页
第12讲js案例分析.pptx_第9页
第9页 / 共14页
第12讲js案例分析.pptx_第10页
第10页 / 共14页
亲,该文档总共14页,到这儿已超出免费预览范围,如果喜欢就下载吧!
资源描述

《第12讲js案例分析.pptx》由会员分享,可在线阅读,更多相关《第12讲js案例分析.pptx(14页珍藏版)》请在第壹文秘上搜索。

1、案例分析p 案例案例p 案例:图片滚动播放HTML页面布局页面布局功能要求功能要求p鼠标进去时,图片停止滚动。鼠标进去时,图片停止滚动。p 鼠标移开时,图片不间断,均速向左边平行滚动。鼠标移开时,图片不间断,均速向左边平行滚动。p 知识要点知识要点p HTML DOM setInterval() 方法方法HTML页面布局页面布局p 知识要点知识要点p HTML DOM clearInterval() 方法方法HTML页面布局页面布局p 知识要点知识要点p clearInterval() 方法实例方法实例HTML页面布局页面布局p 知识要点知识要点p offsetWidthHTML页面布局页面布

2、局javascript 中 offsetWidth 是对象的可见宽度,包滚动条等边线,会随窗口的显示大小改变poffsetWidth = width + padding + borderpoffsetHeight = height + padding + borderp 知识要点知识要点p offsetWidthHTML页面布局页面布局javascript 中 offsetWidth 是对象的可见宽度,包滚动条等边线,会随窗口的显示大小改变poffsetWidth = width + padding + borderpoffsetHeight = height + padding + bord

3、erp 知识要点知识要点p jQuery CSS 操作操作 - scrollLeft() 方法方法HTML页面布局页面布局p 知识要点知识要点p scrollLeft() 方法实例HTML页面布局页面布局p 案例分析案例分析p 第一步:在body中放入所要播放的图片。HTML页面布局页面布局p 案例分析案例分析p 第2步:为div容器和图片 设置样式。HTML页面布局页面布局p 案例分析案例分析p 第3步:设置图片滚动,无缝连接HTML页面布局页面布局p 案例分析案例分析p 第4步:设置鼠标进入图片时,图片停止滚动,移出图片时,继续滚动。HTML页面布局页面布局p 案例分析案例分析p 第5步:设置条件判断,当图片容器div的scrollleft大于所有图片所占有的宽度时,将div的scrollleft值重置为0。HTML页面布局页面布局

展开阅读全文
相关资源
猜你喜欢
相关搜索

当前位置:首页 > 金融/证券 > 股票经典资料

copyright@ 2008-2023 1wenmi网站版权所有

经营许可证编号:宁ICP备2022001189号-1

本站为文档C2C交易模式,即用户上传的文档直接被用户下载,本站只是中间服务平台,本站所有文档下载所得的收益归上传人(含作者)所有。第壹文秘仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对上载内容本身不做任何修改或编辑。若文档所含内容侵犯了您的版权或隐私,请立即通知第壹文秘网,我们立即给予删除!