css js html记录
1:颜色值缩写
09c=0099cc
2:div居中显示
position:absolute; //把div左上角放在body的中心,向左上挪动宽高的一半
width:600px;
height:400px;
left:50%; //相对于右移50%
top:50%;
margin:-200px 0 0 -300px; /*负数表示向反方向移动*/
3:RGB是去色法,值越高,颜色越浅
background:#09C; 绿色 最大值是255*255*255
4: setInterval() 是DOM编程中window对象的方法会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。
setInterval(code,millisec[,"lang"])
<input type="text" id="clock" size="35" /> <script language=javascript> var int=self.setInterval("clock()",50) function clock(){var t=new Date()document.getElementById("clock").value=t} </script> </form> <button οnclick="int=window.clearInterval(int)"> Stop interval</button>
5:trigger()方法促发
可以使用top的属性来实现图片滚动 top为负数:则背景图片向上,为整数向下,因此可以实现图片滚动效果
jquery里面的.hover代替了原始的onmouseover() 和 onmouseout()
JQuery里.取而代之的是 hover(over,out)事件.
$("#id").hover(
function(){
//当鼠标放上去的时候,程序处理
},
function(){
//当鼠标离开的时候,程序处理
}); 可以实现鼠标的特效 在配上top属性可以实现图片切换效果
转载于:https://blog.51cto.com/athinkingreed/584418
css js html记录相关推荐
- 使用html+css+js实现3D相册
使用html+css+js实现3D相册,快来上传的照片吧 效果图: 代码如下,复制即可用: <!DOCTYPE html> <html lang="en"> ...
- 上传身份证照片js_html+css+js 实现拍照预览上传图片功能
前言:我们在做网页时经常会需要有上传图片的需求,可能是选择图片或者拍照上传,如果简单的使用这种方式虽然也能实现功能,但用户体验上可能会差了一些,所以本文记录了使用css+js实现图片选中后的预览及压缩 ...
- 一行代码教你撩妹手到擒来❤html+css+js烟花告白3D相册(含音乐+可自定义文字)520表白/七夕情人节/求婚
❤ 我是如何获取学姐芳心~html+css+js实现满屏烟花3D相册(含音乐+自定义文字) 一年一度的520情人节/七夕情人节/女朋友生日/程序员表白/送礼物/3D相册,是不是要给女朋友或者正在追求的 ...
- 小米商城官网(登录页,首页,详情页,我的购物车页,我的订单页,确认订单页)HTML+CSS+JS
文章目录 前言 一.登录页 二.首页 三.我的购物车页 四.我的订单页 五.确认订单页 六.详情页 七.整体结构和效果图 总结 前言 仿小米商城官网项目是本人实训内容,实训老师带着做的首页和登录页,本 ...
- 前端工程师面试问题归纳(一、问答类html/css/js基础)
一.参考资源 1.前端面试题及答案整理(一) 2.2017年前端面试题整理汇总100题 3.2018最新Web前端经典面试试题及答案 4.[javascript常见面试题]常见前端面试题及答案 5.W ...
- 一节前端课:html+css+js做个计算器
QQ突然弹出来一个前端公开课的提示,由于一直想学前段的知识,点进去了,收获了一些东西,做个记录. 题目:计算器的实现 技术:html+css+js 1 . body里放俩div,一个大的包一个小的,小 ...
- html面试题(一)--html css js
前端面试题汇总 一.HTML和CSS 1.你做的页面在哪些流览器测试过?这些浏览器的内核分别是什么? IE: trident内核 Firefox:gecko内核 Safari:webkit内核 Ope ...
- 一行代码教你撩妹手到擒来html+css+js烟花告白3D相册(含音乐+可自定义文字)520表白/七夕情人节/求婚...
❤ 我是如何获取学姐芳心~html+css+js实现满屏烟花3D相册(含音乐+自定义文字) 一年一度的520情人节/七夕情人节/女朋友生日/程序员表白/送礼物/3D相册,是不是要给女朋友或者正在追求的 ...
- ❤唯美满天星❤ html+css+js炫酷3D相册(含音乐/可自定义文字)程序员表白必备
元旦节快到了,在跨年夜前夕.是不是要给女朋友或者正在追求的妹子一点小惊喜呢,今天这篇博客就分享下前端代码如何实现3D立体动态相册.赶紧学会了,来制作属于我们程序员的浪漫吧! ❤元旦节表白3D相册,在元 ...
最新文章
- visual studio 运行java_Visual Studio 支持 Java?谣言止于智者
- Java中常用的类及其特点
- 尽快安装修补程序!微软 Word 漏洞影响上百万人
- Cannot find module with tag 'cpufeatures' in import path
- 《金色梦乡》金句摘抄(八)
- java hashtable keys_Java Hashtable keys()方法与示例
- yolo算法的优缺点分析_YOLO算法详细解析(一)
- 电脑显示没有被指定在上运行_电脑出现“**.dll没有被指定在Windows上运行”提示怎么解决...
- [Swift通天遁地]一、超级工具-(13)使用PKHUD制作各种动态提示窗口
- shell 操作(四)
- Trying to create too many scroll contexts. Must be less than or equal to: [500]
- 蓝牙Sig Mesh 概念入门③——分层结构Layered architecture
- javascript通过银行卡号识别所属银行
- ISDA发布亚洲衍生品调查报告
- CAD2016 画直线时第二点为相对坐标(相对第一个点的坐标),非绝对坐标
- 最新Exsi-6.7.0U3b版本下载
- 从信息传播角度来看链路预测
- wu版-天下无难试之Redis面试题刁难大全
- java用数组显示周期性波形,常见的周期性变化波形有正弦波、三角波和矩形波。...
- Ubuntu 18.04 16.04 设置输入法切换方法 中文输入法
热门文章
- spring(一):spring IoC的注入方式总结
- Win7环境配置Oracle 11g安装与配置过程
- python_ 学习笔记(hello world)
- 线程池方式调用spring mvc的业务类的简单实例
- P3572 [POI2014]PTA-Little Bird
- [BZOJ 4034][HAOI2015]树上操作(欧拉序列+线段树)
- JAVA 8 新日期和时间API 学习总结
- Swift - 文本输入框(UITextField)的用法
- sql not in 用法_SQL 语法速成手册
- 德布罗意波与神经网络与粒子