2021年12月9日
jQuery 效果 - 淡出
摘要： jQuery fadeOut() 方法 语法： $(selector).fadeOut(speed,callback); 可选的 speed 参数规定效果的时长。它可以取以下值："slow"、"fast" 或毫秒。 可选的 callback 参数是 fading 完成后所执行的函数名称。 <!DOC 阅读全文
posted @ 2021-12-09 10:54 小马学编程 阅读(59) 评论(0) 推荐(0)
jQuery 效果 - 淡入
摘要： jQuery fadeIn() 方法 语法： $(selector).fadeIn(speed,callback); speed 参数规定效果的时长。它可以取以下值："slow"、"fast" 或毫秒。 可选的 callback 参数是 fading 完成后所执行的函数名称。 <!DOCTYPE h 阅读全文
posted @ 2021-12-09 10:49 小马学编程 阅读(59) 评论(0) 推荐(0)
jQuery 效果 - 滑动
摘要： 1.jQuery slideDown() 方法 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Title</title> <script src="node_modules/jquery/dist/jquery.min.js" 阅读全文
posted @ 2021-12-09 10:42 小马学编程 阅读(65) 评论(0) 推荐(0)
jQuery 选择器
摘要： 1.jQuery 元素选择器 jQuery 使用 CSS 选择器来选取 HTML 元素。 $("p") 选取 <p> 元素。 $("p.intro") 选取所有 class="intro" 的 <p> 元素。 $("p#demo") 选取所有 id="demo" 的 <p> 元素。 2.jQuery 阅读全文
posted @ 2021-12-09 10:32 小马学编程 阅读(54) 评论(0) 推荐(0)
Js 实现时钟效果
摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> #box{width: 225px;height: 225px;background: url("img/biaop 阅读全文
posted @ 2021-12-09 10:26 小马学编程 阅读(124) 评论(0) 推荐(0)
Js 鼠标事件
摘要： 事件类型说明 click 单击鼠标左键时发生，如果右键也按下则不会发生。当用户的焦点在按钮上并按了 Enter 键时，同样会触发这个事件 dblclick 双击鼠标左键时发生，如果右键也按下则不会发生 mousedown 单击任意一个鼠标按钮时发生 mouseout 鼠标指针位于某个元素上且将要移出 阅读全文
posted @ 2021-12-09 10:18 小马学编程 阅读(130) 评论(0) 推荐(0)
Js 实现圆形碰撞
摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> div { width: 100px; height: 100px; position: absolute; bor 阅读全文
posted @ 2021-12-09 10:15 小马学编程 阅读(41) 评论(0) 推荐(0)