摘要: CSS设置标签、图片,放大、缩小、旋转、移动、倾斜(transform) 1.缩小和放大属性(scale) 格式:transform:缩小类型(数值); 注意:缩小和放大都是 scale ; 其中的值(0~1)代表缩小;大于1代表放大。其中0代表缩小到没有,1代表不变。 tranform:scale 阅读全文
posted @ 2022-01-21 20:19 永恒之月TEL 阅读(812) 评论(0) 推荐(0) 编辑
摘要: ES6( ECMAScript 6.0)语法 一、let/const与var的区别 var 会进行预解析,let/const不会 var可以声明两个重名的变量,let/const不能 var没有块级作用域,let/const有块级作用域 二、箭头函数 1.普通函数 //xxx.onclick=fun 阅读全文
posted @ 2022-01-18 20:21 永恒之月TEL 阅读(1008) 评论(0) 推荐(2) 编辑
摘要: Javascript实现让小图片一直跟着鼠标移动实例 注意:图片可能加载不出来,注意更换 <!doctype html> <html> <head> <meta charset="utf-8"> <title>永恒之月</title> <style> body { margin: 0; paddin 阅读全文
posted @ 2022-01-18 19:49 永恒之月TEL 阅读(126) 评论(0) 推荐(0) 编辑
摘要: Javascript面向对象——创建对象、构造函数的原型 其实:JavaScript中的创建类,就是创建一个构造函数,在创建对象时用到new这个关键字, 一、创建对象 1.函数创建对象 function creatObj(name,age){ //手动创建一个对象 var obj={} //为对象添 阅读全文
posted @ 2022-01-18 17:16 永恒之月TEL 阅读(144) 评论(0) 推荐(0) 编辑
摘要: HTML+CSS+Javascript实现轮播图效果 注意:根据自己图片大小来更改轮播图大小。 <!doctype html> <html> <head> <meta charset="utf-8"> <style> * { margin: 0; padding: 0; } /*去掉ul、ol、li 阅读全文
posted @ 2022-01-18 17:06 永恒之月TEL 阅读(91) 评论(0) 推荐(0) 编辑
摘要: Javascript实现让图片一直跟着鼠标移动 注意:图片可能加载不出来,还请及时更换图片 <!doctype html> <html> <head> <meta charset="utf-8"> <title>永恒之月</title> <style> body { margin: 0; paddi 阅读全文
posted @ 2022-01-18 16:51 永恒之月TEL 阅读(88) 评论(0) 推荐(0) 编辑
摘要: Javascript中常用事件集合和事件使用方法 一、事件绑定 格式: 事件源 . on事件类型=事件处理函数 事件绑定三要素 1、事件源:和谁绑定 2、事件类型:什么事件 3、事件处理函数:触发了要执行什么 二、常用事件类型 鼠标事件 键盘事件 浏览器事件 触摸事件 表单事件 click - 单击 阅读全文
posted @ 2022-01-18 16:33 永恒之月TEL 阅读(64) 评论(0) 推荐(0) 编辑
摘要: 一、把数组里的内容呈现到页面从,以表格方式 <!doctype html> <html> <head> <meta charset="utf-8"> <style> .tb,th,td{ border: 1px solid #CC5D5E; } </style> </head> <body> <ta 阅读全文
posted @ 2022-01-18 16:21 永恒之月TEL 阅读(279) 评论(0) 推荐(0) 编辑
摘要: Javascript实现全选按钮 效果:有全选选项框和单个选项框,选择全选框,所有的的选择都打上的钩,取消全选钩所有的都去掉了钩,如果取消其中某一个的钩,那么全选的钩也取消,反之全选所有的选项,那么全选的钩就会打上。 <!doctype html> <html> <head> <meta chars 阅读全文
posted @ 2022-01-18 16:15 永恒之月TEL 阅读(138) 评论(0) 推荐(0) 编辑
摘要: 通过HTML+CSS+JavaScript实现鼠标移动到页面顶部导航栏出现,如果移出导航栏3秒又隐藏起来,而且不受滚动条影响(二) 效果:默认一直隐藏导航栏,当滚动条滚到超过300px按钮出现,点击回到顶部按钮回到顶部,并隐藏按钮,鼠标移动到顶部导航栏出现,鼠标移出导航栏后3秒后再次隐藏(导航栏和按 阅读全文
posted @ 2022-01-18 16:06 永恒之月TEL 阅读(539) 评论(0) 推荐(0) 编辑