![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
实用
文章平均质量分 51
AsaZyf
这个作者很懒,什么都没留下…
展开
-
码云--管理项目代码
码云地址:https://gitee.com/1.新建2.命名3.检查是否安装git4.本地和线上关联① 在码云设置中配置SSH公钥https://gitee.com/help/articles/4181#article-header0② 添加5.下载到本地git clone git@gitee.com:xxx在git运行6.本地提交到线上...原创 2018-12-05 16:32:05 · 260 阅读 · 0 评论 -
jQuery-瀑布流
html与css:<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> /* 标原创 2018-07-07 13:43:18 · 592 阅读 · 1 评论 -
jQuery-弹出层
html:<html><head> <meta charset="utf-8"> <title>jquery弹出层</title> <script type="text/javascript" src="../js/jquery/jquery-1.12.4.min.js" >&原创 2018-07-05 21:58:04 · 446 阅读 · 0 评论 -
jQuery-实现轮播图
html部分:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>图片轮播</title> <link rel="stylesheet" href="css/style.css" />原创 2018-07-05 08:44:40 · 231 阅读 · 0 评论 -
jQuery-少见获取元素的方式
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <script type="text/javascript" src="js/jquery原创 2018-07-04 16:52:22 · 293 阅读 · 0 评论 -
jQuery-弹幕
该方法可能有bug,毕竟简单粗暴<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="js/jquery-1.11.0.原创 2018-07-03 21:46:26 · 195 阅读 · 0 评论 -
html-有趣的标签-会移动的文字
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Marquee</title></head><body> <!-- bihavior =scrol原创 2018-07-03 21:15:54 · 1161 阅读 · 0 评论 -
jQuery-事件命名空间
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>2-15</title> <script type="text/javascript" src="js/jquery-原创 2018-07-03 17:09:36 · 345 阅读 · 0 评论 -
自定义jquery插件
html:<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <script type="text/javascript" src=&quo原创 2018-09-05 15:25:55 · 144 阅读 · 0 评论 -
HTML5新增-----JS-上传文件之图片
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style> </style&g原创 2018-09-12 11:34:40 · 378 阅读 · 0 评论 -
HTML5新增-----JS-上传文件之文本
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style> </style&g原创 2018-09-12 11:46:30 · 416 阅读 · 0 评论 -
HTML5--底部导航
code:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <meta name="viewport" content="width=device-width,initia原创 2018-11-06 17:22:06 · 8406 阅读 · 1 评论 -
JS-获取一个星期后的时间
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <原创 2018-09-27 09:07:52 · 1923 阅读 · 0 评论 -
HTML5--数据存储之计算器【加减】
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>计算器</title> <script type="text/javascript" src="js/j原创 2018-09-21 11:54:22 · 686 阅读 · 0 评论 -
HTML5---发送文件【图片】
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"原创 2018-09-21 11:45:06 · 337 阅读 · 0 评论 -
HTML-音阶导航
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> * { margin: 0;原创 2018-09-21 11:38:46 · 505 阅读 · 0 评论 -
HTML5新增标签--canvas之绘制矩形
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style> body{ width:原创 2018-09-14 09:31:19 · 365 阅读 · 0 评论 -
jquery-拖拽插件
html:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script src="js/jquery-1.11.0.js">原创 2018-09-07 11:12:34 · 261 阅读 · 0 评论 -
jquery-幻灯片组件
css:a { text-decoration: none; } .banner-slider { float: left; width: 544px; height: 414px; background-color: #8e...原创 2018-09-06 22:02:23 · 392 阅读 · 0 评论 -
js-设置时间,获取几天后的时间
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>设置时间</title></head><body> <p>&原创 2018-06-10 13:51:07 · 701 阅读 · 0 评论 -
js-实现双色球功能
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <p>原创 2018-06-09 23:20:19 · 1320 阅读 · 0 评论 -
js-随机函数
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <p>原创 2018-06-09 22:43:27 · 1829 阅读 · 0 评论 -
js-闪烁的文字
<!DOCTYPE html><html> <head lang="en"> <meta charset="UTF-8"> <title>闪烁的文字</title> <style type="text/css"&g原创 2018-06-13 23:13:42 · 369 阅读 · 0 评论 -
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 · 322 阅读 · 0 评论 -
js-实时获取键值码
<script> document.onkeydown=function(event){ console.log(event.keyCode) //在控制台打印 } </script>原创 2018-06-13 18:49:23 · 429 阅读 · 0 评论 -
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 · 196 阅读 · 0 评论 -
js- DOM事件之按钮绑定函数注意事项
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <!-- 写在元素前面,要用onload --> <script t原创 2018-06-12 23:14:25 · 827 阅读 · 0 评论 -
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 · 908 阅读 · 0 评论 -
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 · 526 阅读 · 0 评论 -
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 · 1422 阅读 · 0 评论 -
网页比赛-星火公益
这个网页是我参加学院比赛个人制作,有需要的人可以看下,有什么不足的地方还望指出,以下是效果图。链接, 密码:j2ji原创 2018-06-22 09:39:07 · 309 阅读 · 0 评论 -
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 · 730 阅读 · 0 评论 -
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 · 726 阅读 · 0 评论 -
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 · 331 阅读 · 0 评论 -
js-倒计时原理
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <script>原创 2018-06-08 14:18:48 · 168 阅读 · 0 评论 -
js-倒计时应用
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> 截止时间:<input ty原创 2018-06-08 14:16:55 · 176 阅读 · 0 评论 -
js-图片时间困难版(倒计时)
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <p>&原创 2018-06-08 14:15:24 · 180 阅读 · 0 评论 -
js-图片时间(倒计时)
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <p>&原创 2018-06-08 14:12:20 · 962 阅读 · 0 评论 -
js-数组面试题
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> </head> <body> <script> //完成以下代码段,实现b数组对a数组的拷贝,方原创 2018-06-08 08:46:53 · 1152 阅读 · 0 评论 -
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 · 287 阅读 · 0 评论