js初步简单的编程代码

简单图片切换编码demo图片地址自行替换

简单图片切换编码<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-cn">
<head><meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /><title>网页标题</title><meta name="keywords" content="关键字列表" /><meta name="description" content="网页描述" /><link rel="stylesheet" type="text/css" href="" /><style type="text/css"></style></head>
<body><img    src="jd1.png"    id="changeImg"><script type="text/javascript">var    imgObj=document.getElementById("changeImg");//通过id的属性值获取元素

imgObj.onmouseover=function(){    imgObj.src="jd2.png";}//实现功能（鼠标点在图片上）变换图片
imgObj.οnmοuseοut=function(){    imgObj.src="jd1.png";}//实现功能（鼠标离开图片）变换图片</script></body>
</html>

嵌套有序列表的相加合并属性简单编程demo

嵌套有序列表的相加合并属性简单编程<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-cn">
<head><meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /><title>网页标题</title><meta name="keywords" content="关键字列表" /><meta name="description" content="网页描述" /><link rel="stylesheet" type="text/css" href="" /><style type="text/css"></style><script type="text/javascript">var    username="王宝强";var age=38;var    jjr="隔壁老宋";var    job="演员";var    sex="男";document.write("<ol>");document.write("<li>明星："+username+"</li>");document.write("<li>年龄："+age+"</li>");document.write("<li>经纪人："+jjr+"</li>");document.write("<li>职业："+job+"</li>");document.write("<li>性别；"+sex+"</li>");document.write("</ol>");</script>
</head>
<body></body>
</html>

转载于:https://www.cnblogs.com/cxx8181602/p/6086589.html

js初步简单的编程代码相关推荐

html网页加减乘除代码,html+js实现简单的计算器代码(加减乘除)
html+js实现简单的计算器代码(加减乘除) function setOp(op, opTips) { var tb=document.getElementById("tb_calc&qu ...
静态html加减乘除计算器代码,html+js实现简单的计算器代码(加减乘除)
下面小编就为大家带来一篇html+js实现简单的计算器代码(加减乘除).小编觉得挺不错的,现在就分享给大家,也给大家做个参考. html+js实现简单的计算器代码(加减乘除) function set ...
dropzone java实例_Java实现拖拽文件上传dropzone.js的简单使用示例代码
Java实习生一枚,前端知识薄弱,最近因为工作需要,做了一个拖拽文件上传的功能,发现dropzone.js挺不错的,特地做个笔记. 自己写的拖拽文件至一个按钮上传的功能,前端及java代码如下: js ...
python程序编程代码大全,python编程代码详解
大家好,本文将围绕python程序编程代码大全展开说明,python编程游戏代码是一个很多人都想弄明白的事情,想搞清楚python代码大全简单需要先了解以下几个事情. 1.python编程例子有哪些? ...
js php滚动图代码,JavaScript_JS实现的N多简单无缝滚动代码(包含图文效果)，本文实例讲述了JS实现的N多简 - phpStudy...
JS实现的N多简单无缝滚动代码(包含图文效果) 本文实例讲述了JS实现的N多简单无缝滚动代码.分享给大家供大家参考,具体如下: 实现原理很简单,注册事件之后,立即将元素的innerHTML累加一次. ...
python简单代码hello-树莓派完成简单的编程（四）
原标题:树莓派完成简单的编程(四) 在上一篇文章中,我们学习了Vi文本编辑器,那么用它可以实现什么功能呢? 树莓派python以及c语言编程这里我选择了最简单和很流行的两种编程语言: C语言和Pyt ...
php简单网页制作代码,用HTML和CSS以及JS制作简单的网页菜单界面的代码
这篇文章主要介绍了使用HTML+CSS+JS制作简单的网页菜单界面,这个ABROAD项目所使用的JavaScript部分代码非常简单,需要的朋友可以参考下写ABROAD项目用到了标签这个东东,其实标 ...
VSCode自定义代码片段9——JS中的面向对象编程
JavaScript的面向对象编程 {// JS'OOP// 9 如何自定义用户代码片段:VSCode =>左下角设置 =>用户代码片段 =>新建全局代码片段文件... =>自 ...
html选项卡切换代码,js实现简单的可切换选项卡效果
本文实例讲述了js实现简单的可切换选项卡效果的方法.分享给大家供大家参考.具体如下: 如图,最简单的纯粹的选项卡第一步,当然是先写html代码和css样式无标题文档 body,ul,li{marg ...

js初步简单的编程代码

js初步简单的编程代码相关推荐

最新文章

热门文章