css
关注
分享
扫一扫
Naraseny
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
jQuery自定义插件全选框与复选框封装
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <script src="js/jquery-3.6.0.js" type="text/javascript" charset="utf-8"></script> <script type="text/javascript"> $.fn.原创 2022-03-23 21:02:09 · 161 阅读 · 0 评论 -
自义定插件与第三方表单插件
回顾上一节： click 点击事件 mouseover 鼠标移入事件 mouseout 鼠标移出事件 focus 获取焦点事件 blur失去焦点事件 keyup 按键事件 自定义插件： // $.extend(); $.fn.extend(); $.extend()实现对象继承： var person = {"name":"东方不败","sex":"女"}; var stu = {}; console.log($.type(stu)); console.l..原创 2022-03-23 20:59:49 · 1672 阅读 · 0 评论 -
jQuery中的一些事件与动画
原生态javascript加载函数和jQuery加载函数的使用及区别： 1.原生态js加载函数的编写 2种形式 a.window.onload = function(){} 1个 多个的情况，前者无效 b.window.addEventListener('事件名称',function(){}); 多个 在一个页面中出现多个window.onload，前者会覆盖前者 window.onload = fun...原创 2022-03-22 12:04:47 · 1062 阅读 · 0 评论 -
jQuery之选择器的使用
jQuery的入门及了解： 使用时必须在头部使用script标签引入jQuery！ 代码如下： 了解js与jQuery的加载函数： 一般使用简写的写法！ <!-- 原生态JS代码实现点击弹窗 --> <script type="text/javascript"> //加载函数(两种方法)： // 1.window.onload = function(){} // 2.window.addEventListener('load',func原创 2022-03-17 14:12:16 · 1045 阅读 · 0 评论 -
表单验证（JS的正则表达式）
回顾上一节： ①Style属性方式 xx.style.fontSize ②js调用css this.className="aa" ③制作随鼠标滚动的广告图片 onscroll document.documentElement.scrollTop/Left 本节内容： 数字：\d [0-9] 合法字符：\w [0-9a-zA-Z_] 空格：\s 取反：[^abc] 至少出现1次：+ 出现1次或者0次：? 出现任意次：* 真正的点：\. 或者：| [a-g]{3}:在a-g中任选1个原创 2022-03-18 18:17:36 · 151 阅读 · 0 评论 -
JS表格的操作（增删改查）、图片轮换
1.简单的表格操作： </style> <script type="text/javascript"> function addRow(){ var fRow=document.getElementById("row3"); var newRow=document.createElement("tr") ; //创建行节点 var col1=document.createElement("td"); //创建单元格节点 col1.innerHTML="幸福从天而降";原创 2022-03-08 20:32:54 · 1432 阅读 · 0 评论 -
DOM的节点操作
回顾上一节内容： 1.如何获取页面上的元素（标签） 选择器优先： 1.1通过方法的形式去获取页面上的标签 document.getElementById(); document.getElementsByName(); document.getElementsByTagName(); document.getElementsByClassName('类名'); document.querySelector('选择器'); document.querySelectorAll('选择器.原创 2022-03-08 20:20:46 · 95 阅读 · 0 评论 -
TAB切换效果
效果图： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="tex.原创 2022-03-07 15:31:18 · 129 阅读 · 0 评论 -
JS制作横向菜单
<!DOCTYPE html PUBLIC "-//W3C//Dtd XHTML 1.0 transitional//EN" "http://www.w3.org/tr/xhtml1/Dtd/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=g.原创 2022-03-07 15:26:17 · 820 阅读 · 0 评论 -
JS制作树形菜单
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=g.原创 2022-03-07 15:25:20 · 767 阅读 · 0 评论 -
JS实现带关闭按钮的广告图片
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; chars.原创 2022-03-07 15:19:18 · 1455 阅读 · 0 评论 -
利用JS实现网页的导航(nav)图
效果图： 代码如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> * { margin: 0px; padding: 0px; list-style: none } #contain原创 2022-03-07 14:54:23 · 1487 阅读 · 0 评论