JAVAscript特效实现亮灯关灯效果
程序员文章站
2022-05-14 21:08:34
...
javascript特效——关灯亮灯效果
如何插入一段漂亮的代码片
去博客设置页面,选择一款你喜欢的代码片高亮样式,下面展示同样高亮的 代码片
.
// An highlighted block
var foo = 'bar';
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title></title>
<link rel="stylesheet" href="">
<script>
function change(){
var img = document.getElementById('img');
var src = img.src;
if(src.indexOf('on') >=0 ){
img.src = 'off.jpg';
}else{
img.src = 'on.jpg';
}
}
</script>
</head>
<body>
<h1>开关灯泡</h1>
<img id='img' src="on.jpg" onclick="change();" width='200' height="200">
</body>
</html>
————————————————
版权声明:本文为CSDN博主「webbc」的原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/baochao95/article/details/52212797
**
效果如下:
**
KaTeX数学公式
您可以使用渲染LaTeX数学表达式 KaTeX:
Gamma公式展示 是通过欧拉积分
你可以找到更多关于的信息 LaTeX 数学表达式here.
新的甘特图功能,丰富你的文章
- 关于 甘特图 语法,参考 这儿,
UML 图表
可以使用UML图表进行渲染。 Mermaid. 例如下面产生的一个序列图:
这将产生一个流程图。:
- 关于 Mermaid 语法,参考 这儿,
FLowchart流程图
我们依旧会支持flowchart的流程图:
- 关于 Flowchart流程图 语法,参考 这儿.
导出与导入
导出
如果你想尝试使用此编辑器, 你可以在此篇文章任意编辑。当你完成了一篇文章的写作, 在上方工具栏找到 文章导出 ,生成一个.md文件或者.html文件进行本地保存。
导入
如果你想加载一篇你写过的.md文件,在上方工具栏可以选择导入功能进行对应扩展名的文件导入,
继续你的创作。
上一篇: 重走Android路 之 挑几个基本控件玩玩(上卷)
下一篇: [二分+DP]魔棒
推荐阅读
-
javascript实现的一个图片转移效果_图象特效
-
javascript实现的一个图片转移效果_图象特效
-
介绍一个javascript 实现文字打字效果的特效实例
-
JAVAscript特效实现亮灯关灯效果
-
JS特效实现图片自动播放并可控的效果_javascript技巧
-
JS特效实现图片自动播放并可控的效果_javascript技巧
-
javascript跑马灯悬停放大效果实现代码_文字特效
-
JS+CSS实现的漂亮渐变背景特效代码(6个渐变效果)_javascript技巧
-
JS+CSS实现的漂亮渐变背景特效代码(6个渐变效果)_javascript技巧
-
介绍一个javascript 实现文字打字效果的特效实例