ChengZiYa_-CSDN博客

原创让字体颜色变成红色

利用jquery中的选择器，让p元素的字体颜色变成红色这里是三种方法的哦 <title></title> <script src="js/jquery.js"></script></head><body><div><p id="p1">变成红色</p><p id...

2019-10-27 20:48:09 2879

原创自动识别输入框是否为空

判断id为username的输入是否为空,如果为空,则弹出你输入的不能为空判断id为password的输入的个数是否小于6位,如果小于6位,则弹出你输入的长度不可以少于6位<title></title> <script src="js/jquery.js"></script></head><body>&lt...

2019-10-27 20:43:28 405

原创点击当前标签,弹出相对应下标

点击当前的p标签,弹出相对应的元素下标<title></title> <script src="js/jquery.js"></script></head><body><p>1</p><p>2</p><p>3</p><sc...

2019-10-27 20:38:02 206

原创删除列表元素中最后一个元素

删除列表元素中最后一个元素清楚明了壹<title></title> <script src="js/jquery.js"></script></head><body><ul> <li>元素01</li> <li>元素2</li>...

2019-10-27 20:34:44 1912

原创自动选择页面中的多选框

**页面载入时使用jquery来自动选中页面中的多选框**后来是刷新了<title></title> <script src="js/jquery.js"></script></head><body><p><input type="checkbox">多选框1</p>...

2019-10-27 20:31:12 482

原创克隆是个神奇的东西

使用jquery克隆方法克隆p元素并且修改"克隆的p元素"内容为"我是克隆体"，并添加到"被克隆p元素"的后面克隆可真是个神奇的玩意希望可以克隆一些有用的东西<title></title> <script src="js/jquery.js"></script></head><body><div&...

2019-10-27 20:28:40 164

原创点击DIV，修改第二个p元素的背景色为"orange"

点击DIV，修改第二个p元素的背景色为"orange"菜鸟的作品想看代码嘛想看就直说嘛<title></title> <script src="js/jquery.js"></script> <style> div{ background-color: antiquewhi...

2019-10-27 20:24:52 163

原创点击jquery修改div的子元素p的内容为"我是子元素"

点击jquery修改div的子元素p的内容为"我是子元素"这就是用代码实现的效果代码呈上 <title></title> <script src="js/jquery.js"></script></head><body><div> <p>我是文字</p>&lt...

2019-10-27 20:22:07 1630

原创使用jquery修改div元素的背景色(

使用jquery修改背景色反正效果是可以实现的嘻嘻来看一下代码 <title></title> <script src="js/jquery.js"></script> <style> #div1{ width: 200px; height: 200...

2019-10-27 20:19:06 300

原创选中其中一列的复选框时，该复选框所在行的背景色高亮显示（黄色）

选其中一列的复选框时，该复选框变黄色基本上效果可以实现不说那么多直接来上代码<script src="js/jquery.js"></script> <style> table,tr,td{ text-align: center; width: 300px; ...

2019-10-27 20:14:21 245

原创考试记不住

今天考试不会所以写成博客加深一下印象首先把表格的样式写出来<style> *{ font-family: "楷体"; font-size: 14px; } table,td{ border: 1px; solid: #ccc ; bord...

2019-10-24 21:30:01 181

原创我的欢乐小农场

看见这个图自我感觉回到了小学看见这个图自我感觉回到了小学感觉是不是特别像QQ农场首先来看一下css样式<style type="text/css">div{ font-size:12px; border:#999 1px solid; padding:5px;}#bg{ /*控制页面背景*/ width:456px; height:266px; backgr...

2019-10-24 21:07:18 482

原创实现颜色的自动切换

利用js实现颜色的自动切换就是有点闪眼不说废话直接上代码<head> <meta charset="UTF-8"> <title>自动切换颜色</title> <script src="jquery.js"></script> <style> .red { ...

2019-10-23 13:01:48 440

原创用js实现网页时钟

网页时钟这就是完工后的效果首先我们在百度上找一个表盘的图片然后再依次获取当前时间，获取秒，获取分，获取小时。然后画60个刻度线<body><canvas id = "hello" width = "400" height = "400" style = "border:1px solid black"> </canvas><s...

2019-10-23 12:38:04 436

原创使用JS+jQuery实现网页虚拟键盘

##首先我们先看一下完成后的效果html页面代码<!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...

2019-10-20 22:30:58 988

原创回味小时候拿着诺基亚玩的推箱子

#用js实现小时候玩的推箱子的小游戏第一步：首先先找到一张好看的图片作为咱们的主角用选中的是我刚创建的页面然后具体内容我们先来看一下：<body><table border="0" style="margin-bottom: 100px" cellspacing="0"> <br /><br /><br /><...

2019-10-16 21:42:07 1232

原创实现一个简单的类似于手电筒的功能@[电灯泡]

实现一个简单的类似于手电筒的功能@[电灯泡]第一步代码首先实现两个图片可以互相切换的功能链接: http://localhost:63342/work/Student.html?_ijt=1gtg52r522gk3nmdgjfvo8ol4d图片: 首先实现两个图片可以互相切换的功能然后接下来获取灯开关的时间这样两张图片就可以互相来着切换了这是第一次写博客不知道以后自己还能不能...

2019-10-13 19:13:16 315

ChengZiYa_的博客