Web前端
关注
分享
扫一扫
卢晶晶
这个作者很懒，什么都没留下…
展开
-
jQuery总结
jQuery总结页面加载$(function(){});$(reday)事件绑定 效率高，部分添加事件不能实现，可定义多个相同或不同的事件 $("button").click(function(){ alert("hellow world");}) 效率低，所有事件都可以添加，可定义多个相同或不同的事件 $("buttton").on(...原创 2019-12-04 10:16:17 · 286 阅读 · 0 评论 -
DIV居中
DIV居中 body部分 <body><div id="a"><div id="b"><div id="c"></div><div id="d"></div></div></div></body> CSS部分 <style...原创 2019-03-21 09:27:32 · 1024 阅读 · 0 评论 -
图片静态框（放大）
图片静态框（放大） 说明： 点击后图片逐渐放大，，点击x按钮大图片消失。 代码：<html><head> <meta charset="utf-8"> <style> #imgid { width: 300px; opacity: 1; ...原创 2018-12-03 15:04:56 · 367 阅读 · 0 评论 -
获取键盘符号对应ASCII码
获取键盘符号对应ASCII码我们想知道键盘上的字符对应的ASCII码，可以使用keyCode方法。<html><head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <style></style>&原创 2018-10-21 17:33:33 · 1067 阅读 · 0 评论 -
单击图片转换
<html><head> <meta charset="utf-8"> <style> img { cursor: pointer; position: absolute; top: 0px; left: 0px; ...原创 2018-10-22 09:01:29 · 199 阅读 · 0 评论 -
隔行换色
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>欢迎访问长江大学计协</title> <style> .hcls { background: #c5b5b原创 2018-10-02 10:22:45 · 201 阅读 · 0 评论 -
JS制作时钟实例
JS制作时钟实例：主要使用：定时器：1.定义sobj=setInterval（function（）{ //每隔一秒钟执行此代码段}，1000）2.清除claerInterval（sobj）； CSS样式: #clock { height: 50px; width: 500px; ...原创 2018-09-20 16:50:28 · 662 阅读 · 0 评论 -
JS实例九九乘法表
九九乘法表<!DOCTYPE html><head> <meta charset="utf-8"> <language='En'></head><body></body><script type="text/javascript原创 2018-09-17 16:29:18 · 278 阅读 · 0 评论 -
网页菜单栏的两种方法
网页菜单栏的两种方法 方法一：inline <!DOCTYPE html><html><head> <title></title> <style type="text/css"> li{ float: left; ...原创 2018-09-03 22:01:57 · 4590 阅读 · 0 评论 -
JS入门实例计算器
JS入门实例计算器求三角形面积：<!DOCTYPE html><html><head> <title>计算三角形的面积</title> <meta charset="utf-8"> <language="En"></hea原创 2018-09-04 22:13:55 · 209 阅读 · 0 评论 -
CSS3注意事项
CSS3注意事项 选择器： img：nth-child（数字）{ }； img：first-child{}/last-child{} 背景图片滚动background-attachment： fixed //背景图片固定 scroll //背景图片滚动 鼠标样式设计cursor： crossh...原创 2018-08-21 10:37:34 · 368 阅读 · 0 评论 -
资源备忘录(前端)
1.前端小白入门：https://pan.baidu.com/s/1yE7vYtozimoqRr8bMkuDXQ2.前端攻略：http://www.runoob.com/w3cnote/frontend-knowledge-structure.html3.用CSS画小猪佩奇：https://segmentfault.com/a/11900000149096584.图片免费下载网站：Pi...转载 2018-07-28 14:03:45 · 251 阅读 · 0 评论 -
JavaScript入门笔记
js对象：1.js对象obj=new Object（）；obj.username='user1'；//属性obj.say=funcyion(){ alert(123)； //方法}2.dom对象eleobj=document3.json对象jsobj={ ‘属性’：‘值’， ‘属性’：‘值’， ‘属性’：‘函数’...原创 2018-07-28 13:48:24 · 247 阅读 · 0 评论 -
JS入门实例弹力球
<!DOCTYPE html><html><head> <title></title> <style type="text/css"> #bold{ border: 1px solid #0F0; border-radius: 100px;原创 2018-07-22 20:27:41 · 464 阅读 · 0 评论