laity01-CSDN博客

原创 jQuery中delay（）动画

<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style> </style> </head> <body> <button id="ksdh">开始动画</button> <button id="hf">恢复</.

2021-06-30 16:33:35 498

原创 jQuery无缝滚动

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> *{ margin: 0; padding: 0; } li{ list-style: none; } .box{ width: 1020px; height: 112px; ov.

2021-06-30 16:32:42 719

原创伸缩式菜单导航

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <style> *{ padding: 0; margin: 0; } #bigdiv{ width: 158px; height: auto; overflow: auto; } .cont.

2021-06-30 16:31:37 581

原创 jQuery中div旋转

<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style> div{ width: 100px; height: 100px; background-color: #7FFFD4; transform: rotate(60deg); } </style>.

2021-06-30 16:30:33 719

原创 jquery控制复选框的全选，反选

<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> </head> <body> <form> <h3 align="center">选择你喜欢的运动</h3> <input type="checkbox" name="hobby" valu.

2021-06-28 13:06:52 106

原创 jquery让div跑起来

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> *{ margin: 0; padding: 0; } .firdiv{ width: 100px; height: 100px; background-color: cornflowerblue;.

2021-06-28 13:05:37 61

原创 jQuery获取鼠标位置

<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style> body { background-color: aquamarine; } div { padding: 26px; } </style> </head> <body&gt.

2021-06-25 17:32:27 89

原创 jquery取消默认事件

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <a href="https://www.csdn.net/">一起打游戏啊</a> <div id="net"></div> <script src="js/.

2021-06-25 17:30:33 357

原创 jquery操作下拉框

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> .first { font-size: 24px; float: left; } .second { padding-left: 110px; font-size: 24px; } .sel{.

2021-06-25 17:28:21 218

原创我的开心小农场

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> *{ margin: 0; padding: 0; } #farm{ width: 467px; height: 278px; position: absolute; left: 40%; .

2021-06-24 14:23:34 131

原创 jquery遍历对象数组

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <div id="one"></div> <div id="two"></div> <div id="three"></div> <div.

2021-06-22 17:01:32 432

原创 jquery点击事件

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <p style="font-size: 12px;">aaa</p> <script src="js/jquery-3.6.0.min.js"></script> .

2021-06-22 17:00:04 1286

原创 jquery中each（）遍历函数

<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style> img{ width: 100px; height: 100px; } </style> </head> <body> <img src="img/01.jpg">.

2021-06-22 15:23:21 65

jquery中text和html的用法

<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style> </style> </head> <body> <div> <span id="clock"></span> </div> <sc.

2021-06-21 13:28:14 106

jquery中val的用法

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <p>名称:<input type="text" value="mew"/></p> <button>点击</button> <script src.

2021-06-21 13:27:20 180

原创 jquery创建表格

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <p>表格</p> <table border="1"> </table> <script src="./js/jquery-3.6.0.js">&.

2021-06-21 13:25:21 290

原创 jquery内容过滤选择器

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <h1>Welcome to My Homepage</h1> <p class="intro">My name is Donald</p> <p>I live.

2021-06-21 12:33:06 74

原创 jquery载入

<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> </head> <body>  <script src="js/jquery-3.6.0.js"></script>  .

2021-06-16 08:05:30 94

原创 JS（js）图片轮播

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style> *{ margin: 0; padding: 0; } #max{ width: 1300px; overflow: hidden; position: relative; margi.

2021-06-11 16:00:55 72

原创 JS（js）使div居中

<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style> #firdiv{ width: 300px; height: 300px; background-color: aquamarine; position: absolute.

2021-06-11 15:59:54 2174 1

原创 js随机广告浮动

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> *{ margin: 0; padding: 0; } img{ width: 300px; height: 200px; position:absolute; left: 0px; .

2021-06-08 18:06:24 191

原创 js给宠物取名字

<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>程彩虹</title> </head> <body> <h1>给宠物取名字</h1> <img src="img/12.jpg" width="300px" height="300px" /> <br /> &l.

2021-06-08 16:32:50 233

原创 JS(js）实时显示鼠标位置信息

<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>程彩虹</title> <style> #firdiv{ width: 80px; height: 20px; background-color: aqua; display: none; position: absolute; to.

2021-06-08 15:38:17 565

原创 js滚动进度条

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> #aa{ height: 30px; width: 50%; background: aqua; border-radius: 3px; } #bb{ hei.

2021-06-04 15:26:53 186

原创在页面内文本框中按秒针速度显示递加的数字，当循环执行 10 次后，调用 clearTimeout() 方法清除对代码执行

在页面内的文本框中按秒针速度显示递加的数字，当循环执行 10 次后，会调用 clearTimeout() 方法清除对代码的执行，并弹出提示信息。https://www.runoob.com/jsref/met-win-cleartimeout.html

2021-06-01 17:12:19 129

原创 js打开用户定制窗口

<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>打开用户定制窗口</title> </head> <body> <form> 请定制你要显示的窗口：<br />窗口的大小： <input type="text" name="width0" size="5">宽度 &.

2021-05-31 09:57:19 82

css属性大全字体属性：(font)大小 font-size: x-large;(特大) xx-small;(极小) 一般中文用不到，只要用数值就可以，单位：PX、PD样式 font-style: oblique;(偏斜体) italic;(斜体) normal;(正常)行高 line-height: normal;(正常) 单位：PX、PD、EM粗细 font-weight: bold;(粗体) lighter;(细体) normal;(正常)变体 font-variant: small-caps;(

2021-05-31 09:50:11 129

空空如也

空空如也