caijilaoyan-CSDN博客

原创用HTML5和JavaScript编写一个广告窗弹出缩回效果

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css">*{padding: 0;margin: 0;} #ad{width: 200px;...

2019-04-28 20:37:44 1030

原创用HTML5和JavaScript编写一个网站常见广告窗

说明：进入网站时广告窗缓慢显示出来点击广告窗关闭按钮后（x）广告窗缓慢消失；<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> *{padding: 0px;ma...

2019-04-28 20:32:55 686

原创用JavaScript编写一个用键盘实现小球向上下左右四个方向移动

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> *{padding: 0;margin: 0;} #box{width: 100...

2019-04-25 22:00:53 1634

原创用JavaScript编写一个简单计算器

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <script type="text/javascript"></script></head><bod...

2019-04-24 19:44:20 986

原创用JavaScript编写一个图片跟随鼠标移动事件

注：图片需用本机保存图片需自己添加<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> img{width: 50px;height: 50px;position: ...

2019-04-23 21:51:47 639

原创用JavaScript编写一个图片时间显示器

注意：数字图片名称应与本图片数字相同；代码中所需图片：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>图片时钟</title> <style type="text/css"> div{text-align: ...

2019-04-23 21:43:05 855

原创用HTML5和JavaScript写一个简单的表单校验

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> span{color: red;font-size: 12px;display: none;} input...

2019-04-22 17:27:40 430

原创用HTML5和JavaScript做一个轮播图

说明：（1）代码中四个div内的图片 " images/14.jpg " , " images/15.jpg " , " images/16.jpg " , " images/17.jpg " ，是本人电脑中的图片若想运行需用自己电脑中的图片；（2）代码中两个超链接a中的图片 " images/arrowLeft.png " , " images/arrowRight.png "，分别是...

2019-04-22 13:12:34 9614 1

原创用JavaScript写一个当前日期显示器

代码如下:“//”代表注释<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> #box{width: 220px;height: 35px;border: 1px ...

2019-04-17 21:45:24 668

原创 JavaScript运算符

一.算术运算符：“+（加号）” “-（减号）” “*（乘号）” “/（除号）” “%（求余）”1.字符串执行“+”时，执行拼接操作，结果为string类型；例：var a='5'; var b=7; var c=a+b; document.write(c);//c的结果为“57”而并不是“12”2.数字型字符串也可以执行算术运算（除“+”）；例：var a='5'; ...

2019-04-01 20:45:06 196

原创 web前端开发JS基础知识

1.常见的输出语句（1）alert(); 弹出警告窗；（2）document.write();在文档中写入；（3）console.log();在控制台输出日志；例如：alert(‘hello world’);document.write(‘hello world’);console.log(‘hello world’);2.变量命名规则（1）必须以字母，下划线或者$开头。（2...

2019-03-25 21:47:53 485

caijilaoyan的博客