onlySeungRi-CSDN博客

原创淘宝静态网页模仿2

1 怎样实现鼠标悬停，图片上好像出现了一层模糊的层？<如图所示> 要实现鼠标悬停出现此效果则（1）首先现在先在html文件中插入图片的<img>标签上新建一个div。注意是在上方！！！（2）然后在css样式中，给所在的父元素设置相对定位，给div设置绝对定位。（3）然后给div设置宽高等于图片的宽高加上背景色为半透明的颜色（大概0....

2018-04-17 19:27:45 1535

原创 web第一课模拟淘宝设置静态网页——html+css布局设计

学会使用webstorm先打开webstorm（注意需要破解)然后注意首次打开之后会出现让你新建一个存放所有文件的目录（如下图所示文件保存在c盘路径为C:\Users\baitianmeng\WebstormProjects\untitled1） 2.保存完成之后file---new----directory-------(新建一个文件夹)如图建立文件夹名为bai3.建好工程名-----n...

2018-04-11 17:31:28 12760

原创 jq数据请求的四种方法get post ajax getJSON和不同于之间的jsonp跨域请求详细总结

jq数据请求的四种方式get (获取数据) post ajax getJSON由于jq请求跟js不一样的是将Get,post,ajax, getJSON封装成了方法所以直接$.方法就可以方法1：$.get("",function (data){ //从服务器获取的数据 “”里为路径}) get传数据时只能在路径后面拼接没有data方法:2：$...

2018-07-23 23:14:12 813

原创初学mysql命令及注意事项创建数据库实现三表查询

1.查找mysql里面有多少数据库 show databases;2.创建自己的数据库 create database student; student 为自定义数据库名3.查看自己的数据库有没有创建出来 show databases;4.定位到自己创建的数据库 use student; 建自己的表时必须定位到自己的数据库5.查看当前的数据...

2018-07-23 22:51:36 761

原创 jq结合百度API实现百度智能搜索

首先先将百度的搜索API进行分析，主要是分析他的通过页面传进去的参数，和回调函数名，以及服务器请求成功之后返回的数据其实网上可以查到很多分析后的免费API比如天气预报,城市搜索等自己可以试试注意：本例中用到两个API一个是根据关键字搜索的APIsp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su?cb=sr&wd="+value...

2018-07-23 22:24:54 1764

原创利用js结合百度API实现百度智能搜索功能

首先先将百度的搜索API进行分析，主要是分析他的通过页面传进去的参数，和回调函数名，以及服务器请求成功之后返回的数据其实网上可以查到很多分析后的免费API比如天气预报,城市搜索等自己可以试试注意：本例中 wd:代表输入的关键字即页面传给服务器的数据，cb:代表回调函数,data.s为返回的相关数据信息SR代表回掉函数名最终实现的页面及功能如下：可以根据收入的关键字查找出对应信息，...

2018-07-23 21:45:11 4920

原创原生Ajax的本地数据请求以及跨域请求和jsonp以及cors跨域

原生Ajax请求:ajax的出现,刚好解决了传统方法的缺陷。AJAX 是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。五步使用法:1.创建XMLHTTPRequest对象2.使用open方法设置和服务器的交互信息3.设置发送的数据，开始和服务器端交互4.注册事件5.更新界面Ac...

2018-06-13 22:34:11 1363

原创 js面向对象编程小游戏2——飞机大战

实现的功能：页面元素有敌机，用户的飞机，子弹，可实现子弹将敌机炸毁，碰撞炸毁等不同的功能代码如下：<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style typ

2018-06-06 17:58:33 1672

原创 js的面向对象小游戏1——贪吃蛇

实现的功能：三块div组成的蛇，属性值以数组形式存储，通过控制键盘按键控制方向，蛇撞见食物之后蛇尾部长了一截，注意食物并没有消失，而是重新调用了食物创建方法，随机了一个位置代码实现<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>&

2018-06-06 17:47:24 297

原创用正则表达式实现有提示信息的表单验证

代码如下<style> .arror{ color: red;} </style><body><form action="" method="get" onsubmit="return tijiao()">//提交事件是加给form表单元素 <ul> <li

2018-05-30 17:53:04 1627

原创 JS中四种不同继承方式

l 继承的引入1. 三个this的区别 console.log(this);//window function animal(){ console.log(this); //this 代表当前实例化的对象animal } var cat=new animal(); //实例化对象实例化一个对象实例化之后可直接通过对象.属性或方法调用 object.onclick=function(){ ...

2018-05-30 17:40:04 527

原创基础图片轮播初级

多种求异方法需要设置某一个单独样式时可先将所有样式设置成统一样式，再单独改变某一个样式案例一简单的图片轮播window.onload=init();var dingshiqi;function init(){dingshiqi=window.setInterval("tupian()",1000);/*将定时器设成全局变量方便调用清除，而且要注意删除原来的定时器*/}/*实现页面加载完图片立即开始...

2018-05-15 17:31:14 353

原创数组，字符串算法题

unreachable code after return statement，是什么错误？即由于return会阻止其后的语句执行在return语句之后的不可执行的语句会在下列情形中产生：· 在return 语句之后出现其他表达式；· 在省略分号的return语句之后直接接一个表达式。当一个表达式出现在一个有效的 return 表达式之后时，会出现这个警告，用以说明在 return 语句之...

2018-05-08 20:54:23 384

原创 css动画

注意事项对于transform属性不能跟animation同时使用，否则默认执行animation帧动画，transform属性无用可以利用i标签实现跟div相同的功能，不过注意要转化成盒子模型，即display:blocak对于实现有些动画，可以使用同一种样式，通过设置不同的延迟时间产生不同的效果animation有一个属性step()表示每一帧的间隔时间利用百分比宽度对父子关系设置重复个数样式...

2018-05-02 20:25:37 258

原创某AR虚拟网站模仿

对于实现如图样式?并列关系（粉色背景条与正文内容为并列关系）注意需要设置z-index:1实现分层，使其层级下去不会遮住正文内容，还需要对背景条设置绝对定位代码如下： html代码<div class="big"> <div class="bg"></div> <div class="content">正文

2018-04-25 17:10:47 265

onlySeungRi的博客