轮播效果:点击下一个按钮跳转到下一张图片,点击上一个按钮跳转到上一个图片;鼠标移进图片轮播停止,鼠标移出则自动轮播。 1.HTML代码<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name= ......
42
0
0
2024-04-14
目录jQuery事件常用事件绑定事件删除事件复合事件jQuery动画显示隐藏淡入淡出幻灯片特效自定义动画jQuery事件常用事件jQuery事件是对JavaScript事件的封装,常用事件分类:1、基础事件鼠标事件键盘事件window事件表单事件2、复合事件鼠标光标悬停鼠标连续点击鼠标事件案例代码:<!DOCTYPE html> <htm ......
174
0
0
2023-07-04
目录JQuery点击按钮跳转页面jquery点击跳转到相应位置JQuery点击按钮跳转页面form表单<form class="navbar-form navbar-left" action=""> <div class="form-group"> <input type="text" clas ......
217
0
0
2023-06-26
目录1.bind()取消绑定用 unbind()方法2.live()3.delegate ()undelegate()取消绑定事件4.on()取消绑定事件的方法是off()5.one()on bind delegate live one 四种方法差别不是特别大 bind讲完后,后面的方法只会说不同点1.bind()$(selector).bind( ......
235
0
0
2023-06-18
目录jQuery实现穿梭框jQuery穿梭框,可上下左右,全选移动jQuery实现穿梭框项目需要,做个简单的穿梭框****效果图如下<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>穿梭框</title&g ......
192
0
0
2023-06-05
根据id名称进行选择:选择器:$("#id")<div id="id">选中 </div>根据类名进行选择:选择器:$(".class")<div class="class"> 选中</div>根据标签进行选择:选择器:$("p")<p>选中 </p>选择div所有p后代:选择器:$(" ......
249
0
0
2023-05-19
一、zoomfiy.js推荐可以从这里下载使用说明:使用该jquery 插件, 能点击图片时候,使得整张图片放大,再点击一次就恢复原位置,常应用在CMS里。引入该插件的js: zoomfiy.js 或 min引入该插件的css: zoomfiy.css 或 min前后顺序都可js里加入 调用插件的函数 $('这里写要放大的图片').zoomify();如果有 ......
273
0
0
2023-02-13
标签克隆的两种实现方式:<body> <div> <p> <a onclick="Add(this)">+</a> <input type="text"/> </p> ......
269
0
0
2023-02-12
🙋‍ 哈喽大家好,本次是jQuery案例练习系列第五期 ⭐本期是jQuery案例——手风琴 🏆系列专栏:jQuery笔记 😄笔者还是前端的菜鸟,还请大家多多指教呀~ 👍欢迎大佬指正,一起学习,一起加油!文章目录案例展示案例分析案例实现HTMLCSSjQuery方法一方法二总结案例展示https://live.csdn.net/v/embed/244227哈喽 ......
329
0
0
2022-12-18
🙋‍ 哈喽大家好,本次是jQuery案例练习系列第四期 ⭐本期是jQuery动画——停止动画、淡入淡出、自定义动画 🏆系列专栏:前端案例练习 😄笔者还是前端的菜鸟,还请大家多多指教呀~ 👍欢迎大佬指正,一起学习,一起加油!文章目录停止动画动画队列stop()方法stop()方法的常用方式淡入淡出动画淡入淡出方法显示效果HTMLCSSjQuery自定义动画an ......
288
0
0
2022-12-18
🙋‍ 哈喽大家好,本次是jQuery案例练习系列第三期 ⭐本期是jQuery动画——显示与隐藏效果 🏆系列专栏:前端案例练习 😄笔者还是前端的菜鸟,还请大家多多指教呀~ 👍欢迎大佬指正,一起学习,一起加油!文章目录前言控制显示与隐藏的方法实现效果HTML、CSS部分jQuery部分总结前言在网页开发中,适当地使用动画可以使页面更加美观,进而增强用户体验。jQ ......
283
0
0
2022-12-18
哈喽大家好,本次是jQuery案例练习系列第二期,本期是用jQuery实现tab栏的切换。 笔者还是前端的菜鸟,还请大家多多指教呀~ 欢迎大佬指正,一起学习,一起加油!文章目录前言排他思想按钮切换HTML、CSSjQueryTab栏切换实现效果HTML部分CSS部分Jquery部分总结前言排他思想在实现今天的练习之前,我们先来了解一下排他思想,排他思想也就是 ......
350
0
0
2022-12-18
哈喽大家好,本次是jQuery案例练习系列第一期,本期是用jQuery实现下拉菜单。 笔者还是前端的菜鸟,还请大家多多指教呀~ 欢迎大佬指正,一起学习,一起加油! 第一期——下拉菜单的实现文章目录整体效果图一、HTML样式二、CSS样式三、jQuery代码总结整体效果图实现效果:当鼠标移到不同的一级菜单,会显示相应的二级菜单,鼠标移走,二级菜单消失。一、HT ......
319
0
0
2022-12-18
目录  一、jQuery基本概念  1、jQuery的特点  2、获取jQuery  3、使用jQuery  (1)引入jQuery  (2)jQuery书写  (3)jQuery中的加载事件  (4 ......
284
0
0
2022-12-18
jQuery框架jQuery是开源软件,使用MIT许可证授权。 jQuery的语法设计使得许多操作变得容易,如操作文档对象(document)、选择文档对象模型(DOM)元素、创建动画效果、处理事件、以及开发Ajax程序。jQuery也提供了给开发人员在其上创建插件的能力。这使开发人员可以对底层交互与动画、高级效果和高级主题化的组件进行抽象化。模块化的方式使 ......
374
0
0
2022-12-13