Wellfancy-CSDN博客

原创 Ajax根据接口信息的关于json格式的解析

Ajax根据接口信息的关于json格式的解析，以及获取村民信息的简单案例。

2021-11-18 18:45:17 1279 6

目录GET请求有关 GET 请求的其他一些注释：POST请求有关 POST 请求的其他一些注释：几个一会儿会用到的知识点：1、xmlhttp.readyState==4 && xmlhttp.status==2002、针对IE6及以下的版本浏览器的兼容处理3、onblur事件操作演示HTML代码php代码部分：1、checkUsername部分：2、checkEmail部分3、checkPhone部分这篇文章主要来介绍一...

2021-11-08 23:02:48 2257 26

原创利用PHP获取学生成绩

这篇文章我们主要来联系一下如何利用php完成一个简单的案例，即输入学生学号，得到相应的成绩信息。在此之前先来认识一下这个非常重要的语法GET请求：参数在URL后面，多个参数用&进行连接$_GET[ ] ，即get请求参数的获取同样的还有POST方法，但这篇文章中我们使用GET方法利用get请求参数的获取，听起来很高大上，其实说白了就是根据用户输入的信息，然后在数据库中寻找相对应的数据，在这篇文章中我们暂用数组方法构造一段信息帮助大家理解。话不多说，我们先来看一下页面打.

2021-10-27 20:26:20 7416 16

原创利用jQuery制作一个普通网页需要注意多少细节之电梯导航

我们在浏览网站时，最常见到的网页类型就是像某宝一样的网页，看似简陋普通的网页，在编写程序时，需要我们注意的细节却很多，比如下面这个选截页面，我们大致分为ABCDE五个部分这篇文章主要讲一下关于DE两个部分的代码，即电梯导航。什么是电梯导航呢？电梯导航就是像上述图片中最右端悬浮着的一个框，里面是分类，并且点击某一个分类后，页面会自动跳转到对应内容部分。意思是，我在D里点一个选项，页面就会自动跳转到E部分对应我点击选项的内容，就像我点击“猜你喜欢”，那么主页面就会跳转到这部分内容。那么现在.

2021-08-09 22:32:36 1855 25

原创利用jQuery极简代码完成选中部分高亮显示效果

当我们在制作一个网页时，常常会有想要选中部分高亮的需求，那么怎么用jQuery的极简代码完成这件事呢？可以看到，三个图片中，当我们的鼠标移到哪个上面，哪个就从中脱颖而出，其实这只需要一段非常简单的代码即可完成$(function() {//设置鼠标进入的时候,其他的li标签透明度：0.5$(".wrap li").hover(function() {$(this).siblings().stop().fadeTo(400, 0.5);}, function() {// 设置鼠标离开，

2021-08-06 19:47:40 1337 20

原创利用jQuery极简代码完成淡入淡出效果

在用jQuery完成淡入淡出效果前我们先来认识几个代码：淡入 fadeIn([ speed , [easing] , [fn] ])，参数都可不写淡出 fadeOut([ speed , [easing] , [fn] ])，参数都可不写淡入淡出切换 fadeToggle([ speed , [easing] , [fn] ])，参数都可不写修改透明度 fadeTo([ [speed] , opacity, [easing] , [fn] ])，注意，这里速度和透明度一定要写其中.

2021-08-06 18:59:32 696 7

原创利用jQuery极简代码完成下拉菜单滑动效果

当我们制作网页时，有的时候会想拥有一个酷炫且顺滑的下拉菜单，虽然我们使用最基础的css和js也可以完成，但利用jQuery我们只需要非常简短的代码即可完成下面的效果是不是非常的顺滑呢？鼠标移动到目标上自动的下拉菜单，只需要这样两行代码：$(" ").hover(function() {$(this).children(" ").slideToggle();});其中，hover是鼠标经过和离开的复合写法，通常会这样写$(" ").hover(function() { .

2021-08-06 18:13:04 377

原创利用jQuery完成一个简单的按钮颜色变化（笔记）

在HTML和CSS中我们想要完成一个对按钮颜色的设置，虽然也可以做到想要的效果，但过程比较繁琐，利用jQuery我们就可以轻松的完成这件事情。假设现在我们有一组按钮当我们点击其中一个的时候让它变成粉色，再点击另一个后除了被点击的按钮全部为原始颜色，我们应该怎样做呢其实只需要简单的几行代码即可完成 <script> $(function(){ $('Button').click(function(){ //先设置点击的按钮颜色变为粉色 .

2021-08-03 17:03:23 3239 8

原创 jQuery的选择器

这里把jQuery的选择器大致分为两类：基本选择器和筛选选择器一丶基本选择器id选择器 <div id="fancy"> <p>id="fancy"</p> <p>选中</p> </div> <script type="text/javascript"> $("#fancy").css("color", "red");//使用方法 $( "#id"

2021-07-31 23:25:50 395 14

原创在JS中利用for...in循环遍历对象

for...in循环可以在js中遍历对象或者数组，比如当我们想要输出内容中的所有对象，就可以使用for...in循环<script>//使用方法 for(键 in 对象)var obj={name:'Zhang',score:60,result:'及格'}for(var ergodic in obj){console.log(obj[ergodic]);}</script>运行结果：如果我们想隐藏（删除）部分内容，可以使用delete.

2021-07-29 11:06:18 4079 10

原创利用JavaScript对HTML和CSS实现简单的动态操作

假如我们现在想通过JS对原本的HTML或者CSS的内容或样式进行改变，比如说显示或隐藏内容、弹出各类对话框、改变内容的property、打开关闭窗口等等，我们应该怎么做呢？首先我们先了解几个常用的JS代码：alert警告对话框，alert（） confirm确认对话框，confirm（） prompt消息对话框，prompt（） window.open打开新窗口，window.open(‘路径参数’，‘打开窗口的位置和名称’，‘自选参数’) window.close关闭窗口，window.c

2021-07-29 01:49:30 784 6

原创 JS/JavaScript的数据类型转换

在平常代码的使用中，我们偶尔会遇到需要进行数据类型转换的时候，比如将数值型转换为字符串，或者将null/undefined转换为布尔类型等等，这篇文章我们主要讲以下三种类型的转换：其他类型转为字符串其他类型转为数值型其他类型转为布尔类型其他类型转为字符串：有三种方法//第一种方法var a=5;//数值类型转为字符串var b=a.toString();console.log(b);//console可以在浏览器中打印出输出的信息console.log(typeof b)

2021-07-26 22:16:30 264 18

原创 JS/JavaScript的数据类型

JS/JavaScript中的数据类型有：数值number 字符串string 布尔boolen undefined null 对象object数据类型在使用时有一些需要注意的规定var str1=王二狗;//王二狗在这里就不是字符串类型正确的书写应该是var str1="王二狗";//当数据类型为字符串时，要加引号，单引号双引号都可以那么如果我们在引号中写入数字，那么是什么类型呢var str1="12345";//这里的12345作为一个字符串类型，而

2021-07-25 22:34:29 111

原创 JavaScript中如何定义变量和函数

在JS中定义变量，首先要遵循命名规则变量必须使用字母、数字、下划线(_)或者美元符($)开始。变量不能以数字开始变量不能是关键字，如for、if等 JS中变量的定义区分大小写，如name和Name是不同的变量注意：虽然没有要求，但我们最好对定义进行声明后再赋值<script type="text/javascript"> var name; name="javascript"; var name="Zhang";</script>当然变量也可以重复赋

2021-07-24 23:25:47 695 2

原创制作网页时，如何让元素或盒子居中显示

我们在制作网页时，常常会遇到一个问题，“我想把这个内容放在正中央显示！”，即让元素（盒子）上下左右（水平垂直）居中。在解决这个问题之前，让我们先确定想居中的元素是行内元素还是块状元素。如果是行内元素想要水平居中显示的话就非常简单了，只需要利用text-align:center；就可以实现。如果是块状元素想要水平居中，那么又分为两种情况，定宽的和不定宽的。定宽块状元素：块状元素的宽度width为固定值。当我们设置定宽块状元素时，我们可以把左右margin”值设置为“auto”，而

2021-07-23 23:23:21 5798

原创如何设置一个烦人的网页弹窗--CSS层模型之固定定位

大家在浏览许多网页时，是否遇到过右下角的弹窗小广告？“大渣好，我系轱天乐，我四渣渣辉，探挽懒月，介四里没有挽过的船新版本，挤需要体验三番钟，里造会干我一样，爱象节款游戏......”即使我们滚动屏幕，它也在那一动不动，这是为什么呢？它是怎样做到的呢？----其实它是利用了层模型的固定定位我们常看到的形式可能如下.....其实只要简单的几行代码即可完成这个操作position:fixed;/* 将位置设置为层模型 */top:100px;/* 当前元素距离顶部的距离 .

2021-07-23 22:24:17 539 2

原创在HTML中如何让两个块状元素并排显示

我们知道，在css布局模型中，分为三个类型：1、流动模型（Flow）2、浮动模型 (Float)3、层模型（Layer）其中流动模型是网页中默认的布局模型，那如果我们想让两个块状元素并排显示，就需要用到浮动模型了。假设我们现在有两个“盒子”，在网页中默认的形式应该是这样的：但现在我们需要让这两个盒子并排显示，比如这样：我们就可以使用下面的代码，让两个块状元素靠左并排<!DOCTYPE html><html> <head> .

2021-07-23 21:54:58 28760 2

原创 CSS/CSS3的盒模型

ul是unordered lists的缩写 (无序列表)li是list item的缩写（列表项目）ol是ordered lists的缩写（有序列表）dl是definition lists的英文缩写 (自定义列表)dt是definition term的缩写 (自定义列表组)dd是definition description的缩写（自定义列表描述）nl是navigation lists的英文缩写（导航列表）tr是table row的缩写（表格中的一行）th是table he

2021-07-22 22:01:00 220

原创 CSS/CSS3字体和文本样式代码示范

用到的知识有：font-family字体设置 font-size字体大小 font-weight字体粗细 font-style字体样式 color字体颜色 text-decoration文本修饰 text-indent首行缩进 line-height行间距 letter/word-spacing字符间距 text-align文本对齐方式注：代码中都是用的是定义<!DOCTYPE html><html><head><met...

2021-07-22 21:08:52 609

原创 CSS3的选择器2

这篇文章主要说一下以下几个选择器：子选择器后代选择器通用选择器伪类选择器分组选择器上篇文章已经提到过的：标签选择器、类选择器和ID选择器这里就不讲了首先说一下子选择器：子选择器用大于符号“>”连接，选择到的是当前指定标签下的第一代子元素，举例：<!DOCTYPE html><html><head> <meta charset="UTF-8"> <style type="text/css"&g

2021-07-21 21:38:57 223

原创 css的选择器

css的选择器标签选择器、类选择器和ID选择器<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>css的选择器</title> <style type="text/css">h1{font-weight:normal;color:red;}.stress{color:.

2021-05-13 15:52:46 98 2

原创 CSS的3种插入形式及其优先级

当我们使用HTML制作网页时，是否觉得不够好看？这时，我们就需要css的帮助啦！css--又称层叠样式表，简单来说，就是用来修饰你的html代码，给你的网页穿上好看的衣服。从CSS 样式代码插入的形式来看基本可以分为以下3种：内联式、嵌入式和外部式三种。首先来看内联式：内联式就是把css代码直接写在现有的HTML标签中，如下面代码：<!DOCTYPE html><html><head> <meta charset="UTF-.

2021-05-11 21:41:18 2036

原创与用户的交互--HTML表单标签

与用户的交互--HTML表单标签<form>网站怎样与用户进行交互？答案是使用HTML表单<form>。表单是可以把浏览者输入的数据传送到服务器端，这样服务器端程序就可以处理表单传过来的数据。1.<form> ：<form>标签是成对出现的，以<form>开始，以</form>结束。(所有表单控件（文本框、文本域、按钮、单选框、复选框等）都必须放在 <form></form> 标签之间)2..

2021-04-29 17:33:09 501

原创 HTML的“小盒子”--＜div＞

HTML <div> 元素我们知道，网页的外观都是由一个一个的“小盒子”组成，而这些小盒子，就是<div>元素。下图中一个个红色的区块，就是所谓的小盒子。HTML <div> 元素是块级元素，它可用于组合其他 HTML 元素的容器。<div> 元素没有特定的含义。除此之外，由于它属于块级元素，浏览器会在其前后显示折行。如果与 CSS 一同使用，<div> 元素可用于对大的内容块设置样式属性。下面用一段代码举例多组d.

2021-04-26 17:15:13 1326

Wellfancy的博客