前端
Endless-love
希望通过这个平台能够学到很多有用的东西
展开
-
弹性盒模型的小例子
弹性盒模型的小例子代码如下:<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>弹性盒模型</title><style> body,ul{ margin原创 2018-07-23 10:57:48 · 428 阅读 · 0 评论 -
用js实现一个下拉列表小案例
实现下拉菜单对于地址的选择<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body>原创 2018-07-24 21:50:04 · 768 阅读 · 0 评论 -
放大镜的小Demo
放大镜的小Demo<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Document</title><style type="text/css" media=&qu原创 2018-07-25 08:23:32 · 254 阅读 · 0 评论 -
用html5和jquery写的一个文件上传的Demo
用html5和jquery写的一个文件上传的Demojquery-3.3.1.js<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <原创 2018-07-26 17:58:37 · 1599 阅读 · 0 评论 -
用html5实现图片和文字拖拽到下面的文本框里的Demo
用html5实现图片和文字拖拽到下面的文本框里的Demojquery-3.3.1.js<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=dev原创 2018-07-26 18:06:44 · 3410 阅读 · 0 评论 -
HTML5总结
HTML5 API – by gxj 2017-08-181.html5新增标签1.1 语义化标签 1.2 新增的标签. 1.3 智能表单,增加表单的type值,增加了相应的验证,比如required…,还可以实现行内正则的验证,不推荐。注意:智能表单一般用于移动端,主要弹出不同类型的软键盘<img src="img/html5form.png" alt="">...原创 2018-07-26 19:30:26 · 348 阅读 · 0 评论 -
Local Storage来记住登录名和密码
Local Storage来记住登录名和密码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><bod原创 2018-07-26 20:02:18 · 742 阅读 · 0 评论 -
用HTML5做全屏的API
用HTML5做全屏的API支持chrome、欧朋、IE、ff<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head>&原创 2018-07-26 21:28:15 · 330 阅读 · 0 评论 -
用js做一个放大镜的小例子
用js做一个放大镜的小例子css样式:body{ margin: 0; } .box{ width: 900px; margin:40px auto; height: 400px; } .top{ width: 900px; margin:100...原创 2018-07-22 18:50:16 · 253 阅读 · 0 评论 -
用css3写线性渐变案例
用css3写线性渐变案例 <!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Document</title><style type="text/css" media=&q原创 2018-07-24 21:44:54 · 390 阅读 · 0 评论 -
用css3做阴影
用css3做阴影<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Document</title><style type="text/css" media="scr原创 2018-07-24 21:42:22 · 941 阅读 · 0 评论 -
照片墙
照片墙自己提供照片:<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>照片墙</title><link href="https://cdn.bootcss.com/animate.原创 2018-07-23 11:53:38 · 282 阅读 · 0 评论 -
用jquery写一个选项卡
用jquery写一个选项卡该实例需要自己下载 jquery-3.1.1.js代码如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> &am原创 2018-07-24 12:56:46 · 1377 阅读 · 0 评论 -
jquery总结
jQuery by gxj需要下载的插件(markdown-preview/sublime-server/jQuery/autofilename)+ ctrl+shift+p+ install package+ 找你需要的插件点击安装资源库jQuery简介/特点* jQuery其实就是原生js写的一个包含了丰富多彩的方法的一个js库* 注意jQuery的版...原创 2018-07-24 13:01:50 · 322 阅读 · 0 评论 -
使用jquery进行节点的删除操作
使用jquery进行节点的删除操作jquery-3.3.1.js (https://code.jquery.com/jquery-3.3.1.js) &lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"原创 2018-07-24 17:55:09 · 222 阅读 · 0 评论 -
鼠标的滑轮向下移动,广告不移动的小案例
鼠标的滑轮向下移动,广告不移动的小案例这个案例需要用到jqueryjquery-3.3.1.js<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Document</title><scr原创 2018-07-24 18:21:22 · 191 阅读 · 0 评论 -
用jquery写的图片在固定盒子中移动(遇到边界自动翻转)
用jquery写的图片在固定盒子中移动(遇到边界自动翻转)jquery-3.3.1.js<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>乱蹦的图片</title><script src=&原创 2018-07-24 20:45:35 · 853 阅读 · 0 评论 -
jquery的移动节点
jquery的移动节点jquery-3.3.1.js<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Document</title><script src="js/jquery-原创 2018-07-24 21:26:15 · 366 阅读 · 0 评论 -
用jquery实现一个全选和反选的小案例
用jquery实现一个全选和反选的小案例其实知识学得越多,你就会发现做的东西越来越容易一些&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt;&lt;meta charset="UTF-8"&gt;&lt;title&am原创 2018-07-24 21:36:46 · 427 阅读 · 0 评论 -
用bootstrap做一个表单验证
做一个表单验证validate.js$(function(){ var userReg = /^[a-zA-Z][a-zA-Z0-9_]{4,15}$/; var pwdReg = /^[a-zA-Z]\w{5,17}$/; validateForm($('#text'),userReg); validateForm($('#pwd'),pwdReg...原创 2018-07-28 07:39:19 · 405 阅读 · 0 评论