2018年06月_AsaZyf

12月 11月 10月 09月 07月 06月 05月 04月

原创 js-图片轮播(极简)

<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>图片轮播</title> *{ margin:0; padding: 0; }a{ text-decoration: none;}body{ font-fam

2018-06-24 21:20:10 341

原创 js-function作用域

你能猜出先弹出什么吗？<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>作用域</title></head><body> <script type=

2018-06-22 11:20:34 233

原创 js-function复制变量值和传递参数

<title>function复制变量值</title></head><body> <script> var a={ num:10 } // var c=a // alert(c.num) var c=a //当一个变量等于一个对象时，此时若修改变量，对象内的东西也会一同修改,两者融为一体 c.num=20 ale...

2018-06-22 10:42:20 747

原创网页比赛-星火公益

这个网页是我参加学院比赛个人制作，有需要的人可以看下，有什么不足的地方还望指出，以下是效果图。链接，密码：j2ji

2018-06-22 09:39:07 319

原创 js-常用正则表达式

1.只能输入数字 ^[0-9]$2.只能输入n位数字 ^\d{n}$3.只能输入零和非零开头的数字 ^(0|[1-9][0-9]*)$4.只能输入由26个英文字母组成的字符串 ^[A-Za-z]+$5.验证身份证号(15位或18位数字) ^\d{15}|\d{18}$6.验证一年的12个月 ^(0?[1-9]|1[...

2018-06-20 19:39:35 212

原创 js-运动函数包

function move(obj, attr, dir, target, endFn) { clearInterval(obj.timer) // 避免全局变量，所以要用oBox.timer dir = parseInt(getStyle(obj, attr)) < target ? dir : -dir obj.timer = setInterval(function() { ...

2018-06-14 15:37:17 298

原创 js-运动函数(盒子运动)

注意move的js包在另一篇文章<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="move.js"&amp

2018-06-14 15:36:26 588

原创 js-闪烁的文字

<!DOCTYPE html><html> <head lang="en"> <meta charset="UTF-8"> <title>闪烁的文字</title> <style type="text/css"&g

2018-06-13 23:13:42 383

原创 js-实时获取键值码

2018-06-13 18:49:23 440

原创 js- DOM事件之按钮绑定函数注意事项

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title>  <script t

2018-06-12 23:14:25 840

原创 js五道经典练习题--第五道成绩列表

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> * { margin: 0; padding: 0; } table { width: 500px;

2018-06-12 20:58:42 915

原创 js五道经典练习题--第四道qq好友列表

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> *{margin: 0;padding: 0;} ul li{ list-style: none; } #list{

2018-06-12 20:57:42 537

原创 js五道经典练习题--第三道实现购物车功能

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> em{ font-style: normal; } ul li{ list-style: none; } &

2018-06-12 20:56:24 1433

原创 js五道经典练习题--第二道仿qq聊天框

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> *{margin: 0;padding: 0;} .container{ width: 280px; margin:

2018-06-12 20:54:56 605

原创 js五道经典练习题--第一道

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> *{margin: 0;padding: 0;} body{ font-family: "微软雅黑";

2018-06-12 20:53:43 889

原创 js-数组方法push

2018-06-12 16:55:50 1119

原创 js-设置时间，获取几天后的时间

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>设置时间</title></head><body> <p>&amp

2018-06-10 13:51:07 719

原创 js-实现双色球功能

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <p>

2018-06-09 23:20:19 1335

原创 js-随机函数

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <p>

2018-06-09 22:43:27 1838

原创 js-倒计时原理

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <script&gt

2018-06-08 14:18:48 177

原创 js-倒计时应用

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> 截止时间:<input ty

2018-06-08 14:16:55 183

原创 js-图片时间困难版(倒计时)

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <p>&amp

2018-06-08 14:15:24 189

原创 js-图片时间(倒计时)

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <p>&amp

2018-06-08 14:12:20 974

原创 js-数组面试题

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> </head> <body> <script> //完成以下代码段，实现b数组对a数组的拷贝，方

2018-06-08 08:46:53 1165

原创 js-随机图片

<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title></title> <style> ul, li, p { padding: 0; margin: 0;

2018-06-07 15:43:59 741

原创 js-判断当前日期的天数

<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> </head> <body> <script> var y, m, d; var r

2018-06-06 23:32:53 332

原创 js-选项卡套选项卡

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <body> <style type="text/css"> body, ul, l

2018-06-06 18:32:11 667

原创 js-图片轮播

<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>无标题文档</title><style>ul { padding:0; m

2018-06-06 18:31:28 171

原创 js-列表修改

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> *{margin: 0;padding: 0;} ul li{ list-style: none; margin-bo

2018-06-06 18:30:32 962

原创 js-实现搜狐列表

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> * { margin: 0; padding: 0; } body { font-size: 14px

2018-06-06 17:03:46 266

原创 js加减运算·传参

<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style> body { font-family: "微软雅黑"; } em { font-st

2018-06-04 17:31:03 436

原创 js全选

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> * { margin: 0; padding: 0; } body {} ul li { l

2018-06-04 15:43:18 162

原创 js反选

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <button type="button" id="

2018-06-04 10:56:59 368

原创 js五星评分

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> *{margin: 0;padding: 0;} .score{ width: 500px; margin: 200p

2018-06-04 09:45:03 242

原创 js获取元素下标

<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> </head> <body> <p>1</p> <

2018-06-01 09:17:15 10664 1

Vue待办清单

用javascript一个很有名的框架写的，一个由中国人开发出来的框架VUE，具体用了HTML5，CSS3，javascript和Vue

2018-10-28

公益网页比赛作品星火公益

本网页是我用于参加学院网页比赛的作品，网站类型属于公益，里面的文章等都是我上网找的，有不懂的可以留言

2018-06-28

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人