![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JS进阶
Cnc_zj
这个作者很懒,什么都没留下…
展开
-
普歌- 飞灵团队 【tab栏切换】 【下拉菜单】
tab栏切换当鼠标点击上面相应的选项卡(tab),下面内容跟随变换1.Tab栏切换有2个大的模块2.上的模块选项卡,点击某一个,当前这个底色会是红色,其余不变(排他思想)修改类名的方式3.下面的模块内容,会跟随上面的选项卡变化。所以下面模块变化写到点击事件里面4.规律:下面的模块显示内容和上面的选项卡一一对应,相匹配5.核心思路:给上面的tab_list里面的所有小li添加自定义属性,属性值从0开始编号6.但我们点击tab_list里面的某个小li,让tab_con里面对应序号的内容显示,其原创 2020-10-20 16:12:11 · 241 阅读 · 0 评论 -
普歌-飞灵团队【javaScript】移动端轮播图
移动端轮播图移动端轮播图功能和基本PC端一致1.可以自动播放图片2.手指可以拖动播放轮播图引入基本样式 <link rel="stylesheet" href="css/normalize.css" /> <link rel="stylesheet" href="css/index.css" /> <script src="js/index.js"></script>焦点图模块 HTML代码:<!-- 焦点图 -->原创 2020-10-18 11:32:14 · 196 阅读 · 0 评论 -
普歌-飞灵团队【JavaScript】网页轮播图
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档【javaScript】网页轮播图动画函数的封装案例:网页轮播图==引入相关样式==利用JS实现轮播图效果---`index.js`动画函数的封装##因为js较多,我们单独新建一个js文件 animate.js,然后引入页面中定时器:function animate(obj, target, callback) { //先清除以前的定时器,只保留当前的一个定时器执行 clearInter原创 2020-10-18 11:01:54 · 154 阅读 · 0 评论