yyc2018-CSDN博客

原创利用JavaScript基础制作小样品

戳眼 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script> //睁眼 function openEye(){ var eye = document.getElemen

2017-09-27 08:01:45 275

原创自动判断访问设备

当前是PC端<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script> var userAgentInfo = navigator.userAgent; var Agents = new Array("Android", "iPhone"

2017-09-26 15:56:49 230

原创响应式布局的两个例子

第一个例子–媒体查询<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style> .a{ border: 1px solid #000000; width: 100p

2017-09-26 15:51:37 2613

原创表单验证

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style> p{ text-indent: 30px; } input{

2017-09-26 15:45:41 157

原创模仿千牛页面制作一个登录页面

1代码部分<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style> .login{ border: 1px solid #E0E0E0; position: ab

2017-09-26 15:40:41 989

原创 JavaScript的几个事件

1冒泡事件<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style> div{ width: 300px; height: 300px;

2017-09-26 15:33:17 337

原创一个app的底部导航

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> <title></title> <link rel="shortcut icon" h

2017-09-26 15:22:03 551

原创移动页面侧滑的演示

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> <title></title> <base t

2017-09-26 15:20:27 297

原创 html制作的下拉菜单

代码如下<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style> .a{ width: 205px; } .b{ wi

2017-09-26 15:09:10 1205

yyc2018的博客