摘要: 效果图如上: 需求:图片自动轮播,鼠标移上停止播放,离开恢复播放,箭头切换图片。 html代码 CSS样式代码 jQuery代码 html部分步骤:1、新建大盒子,上部分包裹轮播图和底部四个标题选项和红色 下划线。1.1轮播图div盒子部分包含两个箭头用两个span包裹。1.2轮播图部分div用ul 阅读全文
posted @ 2019-06-23 22:09 edumail 阅读(919) 评论(0) 推荐(0) 编辑
  2019年6月20日
摘要: 电影风云榜 电影风云榜 1汉城 《悍城》是由爱奇艺自制,刘殊巧执导,李光洁、袁文康、姜珮瑶、克拉拉、刘德凯、孙岩、高至霆、 赵阳、姜卓君、梁译木、盛鉴、高... 阅读全文
posted @ 2019-06-20 20:01 edumail 阅读(200) 评论(0) 推荐(0) 编辑
  2019年6月9日
摘要: 思路:1、当鼠标按下时,求出鼠标在盒子中的位置; 鼠标在盒子中的位置 = 鼠标在页面中的位置 - 盒子在页面中的位置 2、当鼠标移动时,保持鼠标在盒子中的位置不变(即盒子跟随鼠标移动) 盒子的坐标 = 鼠标当前在页面中的位置 - 鼠标在盒子中的位置 使用到的属性有:offsetLeft、offset 阅读全文
posted @ 2019-06-09 02:08 edumail 阅读(422) 评论(0) 推荐(0) 编辑
  2019年6月4日
摘要: 全选反选 全选和反选功能,在开发中可以说是应用得非常多的,以下通过案例分解,学习如何使用JS实现全选反选功能。 该功能可分为如下三大步骤: 1、全选 1.1 获取父checkbox,注册点击事件 1.2 获取所有的子checkbox,让所有子checkbox的状态跟父checkbox保持一致 htm 阅读全文
posted @ 2019-06-04 02:23 edumail 阅读(529) 评论(0) 推荐(0) 编辑