abner_pan - 博客园

2020年5月6日

摘要： 1.jQuery选择器是什么： jQuery选择器是jQuery库中非常重要的部分之一。它支持网页开发者所熟知的css语法，能够轻松快速地对页面进行设置。 jQuery选择器是打开高效开发jQuery之门的钥匙 jQuery选择器的语法格式如下： $(selector).methodName(); 阅读全文

posted @ 2020-05-06 23:17 abner_pan 阅读(160) 评论(0) 推荐(0)

HTML DOM-->轮播图

摘要：实现：图片的轮播 html代码： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>轮播图</title>  <link rel="stylesheet" type='text/css' href=" 阅读全文

posted @ 2020-05-06 22:51 abner_pan 阅读(444) 评论(0) 推荐(0)

2020年5月5日

HTML DOM-->拖拽效果

摘要：实现：按下鼠标拖动，盒子跟着一起移动代码如下： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>js_excise</title> <style type="text/css"> body{ position: relativ 阅读全文

posted @ 2020-05-05 22:35 abner_pan 阅读(352) 评论(0) 推荐(0)

JS 浏览器BOM-->Window confirm() 方法

摘要： 1.定义和用法 confirm()方法用于显示一个带有指定消息和确认及取消按钮的对话框。如果访问者点击"确定"，此方法返回true，否则返回false。语法： confirm(message) 举例： <!DOCTYPE html> <html> <head> <meta charset="ut 阅读全文

posted @ 2020-05-05 21:24 abner_pan 阅读(422) 评论(0) 推荐(0)

2020年5月4日

HTML DOM-->事件对象(阻止冒泡、阻止默认行为)

摘要： 1.阻止冒泡： stopPropagation() 举例： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>js_excise</title> </head> <body> <div id="box1" style="backg 阅读全文

posted @ 2020-05-04 22:41 abner_pan 阅读(978) 评论(0) 推荐(0)

2020年5月2日

HTML DOM-->事件流

摘要： 2.事件流的实现通过true或false来控制举例1：从外向内流：true <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>js_excise</title> </head> <body> <div id="box1" st 阅读全文

posted @ 2020-05-02 12:15 abner_pan 阅读(199) 评论(0) 推荐(0)

HTML DOM-->鼠标事件的event对象

摘要： 1.定义和使用浏览器可视窗口坐标： clientY clientX 页面坐标： pageX pageY 电脑屏幕坐标： screenX screenY 鼠标按键： button 阅读全文

posted @ 2020-05-02 11:00 abner_pan 阅读(224) 评论(0) 推荐(0)

2020年4月29日

HTML DOM-->键盘事件：keydown/keyup/keypress

摘要： 1.定义和使用 keydown:某个键盘按键被按下 keyup:某个键盘按键被松开 keypress:个键盘按键被按下并松开注意： 1. 键盘事件的属性不能用于以下元素: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, 阅读全文

posted @ 2020-04-29 22:53 abner_pan 阅读(1877) 评论(0) 推荐(0)

HTML DOM-->鼠标事件：mouseover\mouserout\mousedown\mouseup\mousemove

摘要： 1.定义和使用 mouseover:鼠标移到某元素之上 mouseout:鼠标从某元素移开 mousedown:鼠标按钮被按下 mouseup:鼠标按键被松开 mousemove:鼠标被移动举例： <!DOCTYPE html> <html> <head> <meta charset="utf-8 阅读全文

posted @ 2020-04-29 22:04 abner_pan 阅读(1360) 评论(0) 推荐(0)

2020年4月22日

HTML DOM-->鼠标事件单击(click)与双击(dblclick)

摘要： 1.定义和使用 click：单击事件 dblclick：双击事件注意：区分单击还是双击，使用延时定时器代码如下： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>js_excise</title> </head> <styl 阅读全文

posted @ 2020-04-22 22:55 abner_pan 阅读(5455) 评论(0) 推荐(0)

浪青春

公告