![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
jquery
小李要努力呀~
这个作者很懒,什么都没留下…
展开
-
用jQuery编写出贪吃蛇小游戏
CSS页面代码: .games { width: 400px; height: 400px; margin: 40px auto 0; background: #999; position: relative; } .mask { width: 100%; height: 100%;原创 2022-05-29 10:30:00 · 583 阅读 · 0 评论 -
用jQuery仿写出马里奥小游戏
CSS页面代码: *{ margin: 0; padding: 0; } .games{ width: 1500px; height: 800px; margin: 50px auto; background-color: #ccc; position: relative; overflow: hidden; } .role{ width: 100px;原创 2022-05-28 17:53:37 · 363 阅读 · 0 评论 -
自定义全选与反选插件。编写表格展示数据,为其提供“全选”、“反选”和“全不选”操作按钮。
自定义全选与反选插件 编写表格展示数据,为其提供“全选”、“反选”和“全不选”操作按钮。 引入jQuery文件以及自定义的插件文件(待编写)。 编写自定义插件文件,利用封装jQuery对象方法的方式实现插件。 在HTML中,调用插件封装的方法,实现全选、反选以及全不选的功能。 具体代码如下: <style> *{ margin: 0; padding: 0; } .menu{ wid..原创 2022-05-28 10:11:34 · 159 阅读 · 0 评论 -
用jquery编写手风琴设置CSS完成手风琴的结构和样式设置。
手风琴效果 为所有图片添加鼠标移入与移出事件。 鼠标移入时,将当前元素的width设为图片的原宽,其他图片的width= (<div>的宽度 - 图片的原宽) / 剩余图片元素个数。 鼠标移出时,所有图片的width=<div>的宽度 / 所有图片的个数。 CSS代码如下:<style> *{ margin: 0; padding: 0; } .box{ width: 1.原创 2022-05-27 20:12:47 · 237 阅读 · 0 评论 -
用jquery编写左移与右移网页,设置CSS完成左移右移的结构和样式设置。通过层级选择器和表单选择器获取选中的操作项。通过`append()`方法将匹配到的内容追加到指定元素的尾部。
CSS页面代码: <style > *{ margin: 0; padding: 0; } .box{ display: flex; margin:20px 100px; } .tiltle{ margin: 10px 0; } select{ width: 100px; height: 150px;原创 2022-05-27 19:09:24 · 457 阅读 · 0 评论 -
用jquery编写折叠菜单
折叠菜单 编写网页,设置CSS完成折叠菜单的结构和样式设置。 通过层级选择器、基本过滤选择器以及查找的方法获取指定的元素对象。 CSS页面代码:<style> *{ margin: 0; padding: 0; } ul li{ list-style: none; } .menu{ width: 150px; margin: 30px 500px; bo.原创 2022-05-27 18:52:25 · 1371 阅读 · 0 评论