原文:html,CSS,javascript 做一个弹窗

弹窗的工作原理:在网页中写一个div ,布局到想要显示的位置,将display设为none,隐藏该div。然后通过点击事件或其他操作,利用Js代码,将display设置为block,将div 显示到网页中。 Tips:display:none 隐藏 display: block 显示 效果图:点击弹出一个弹窗按钮,显示弹窗内容 代码: 代码:内容同上,多加了详细注释 lt doctype html ...

2018-08-10 17:28 0 1010 推荐指数:

查看详情

html+js+css做一个模拟键盘

效果图 这个键盘用html+js+css搞出来的,做这个没什么目的,纯粹觉得好玩。 现在暂时的功能有: 1、可按键跟踪 2、可大小写切换 3、可鼠标点击输入 4、可移动键盘位置 可拓展功能有: 1、可改变键盘大小 ...

Fri Jul 06 07:25:00 CST 2012 8 6727
CSS做一个Switch开关

本文为博主原创,转载请注明出处。     Switch开关:         根据需求可知,Switch开关只有两种选择,true或false。所以我们想到HTML的checkbox控件,用它来做。     但是在浏览器中,checkbox是有固定形状的(对勾 ...

Tue Feb 28 23:03:00 CST 2017 0 7690
HTML做一个小简历

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http ...

Thu Jul 13 23:04:00 CST 2017 0 1801
CSS】如何用css做一个爱心

摘要:HTML的标签都比较简单,入门非常的迅速,但是CSS一个需要我们深度挖掘的东西,里面的很多样式属性掌握几个常用的便可以实现很好看的效果,下面我便教大家如何用CSS做一个爱心。   前期预备知识:   明白正方形的画法。 明白圆形的画法。 明白 ...

Mon Apr 17 19:16:00 CST 2017 17 20705
使用Canvas和JavaScript做一个画板

本文同步于个人博客:https://zhoushuo.me/blog/2018/03/11/drawing-borad/ 前些天学习了HTML5的<canvas>元素,今天就来实践一下,用canvas做一个画板。 首先说一下要实现的功能: 切换画笔颜色 ...

Sun May 03 07:39:00 CST 2020 0 646
javascript做一个视频播放器

以前我们在网页上播放视频,都是要麻烦flash来实现。看着那一大段的<object>真心觉得累。随着html5的不断普及,现在是时候使用html5提供的video元素来做点正经事了,但是要把界面打造的更加个性一点,需要一点javascript和一点css.如果能再加一个漂亮的美工,那就 ...

Fri Jul 18 01:19:00 CST 2014 0 3856
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM