Web前端-JS效果-导航弹框、背景变色、鼠标移动切换等常见的js效果

最新推荐文章于 2022-02-22 18:35:02 发布

艺术2333

最新推荐文章于 2022-02-22 18:35:02 发布

阅读量3.4k

点赞数 1

分类专栏： Web前端 JS效果文章标签： html 导航背景变色

本文链接：https://blog.csdn.net/jianzhonghao/article/details/57418669

版权

最近在学习JS效果，分享些实战经验。
来图镇楼！
导航弹框

背景变色

日历备忘录

鼠标切换内容

JS操作数组

各种相加判断

html部分（大综合）：

<body>

<!--1.传递一个参数-->
<div id="div-color1"></div>
    <input type="button" value="背景变黄" onclick="changColor(this)" />
    <input type="button" value="背景变红" onclick="changColor(this)"/>
    <input type="button" value="背景变黑" onclick="changColor(this)"/>
    <input type="button" value="恢复原样"  onclick="changColor(this)"/>

<div id="div-color2"></div>
    <input type="button" value="背景变窄" onclick="Change(this)"/>
    <input type="button" value="背景变黄" onclick="Change(this)"/>
    <input type="button" value="背景变高" onclick="Change(this)"/>
    <input type="button" value="恢复原样"  onclick="Change(this)"/>
<br /><br />
<input type="text" value="你拍一 我拍一" id="name"/>
<input type="button" value="改变文字" onclick="changname()"/>
<input type="button" value="添加title属性(鼠标经过)" id="name1" onmouseover="addtitle()"/>
<br /><br />
<!--1.while循环-->
<input type="button" value="循环出现提示框5次" onclick="xunhuan()"/>
<br /><br />
<!--2.for循环-->
<input type="button" value="批量修改样式" onclick="yangshi()"/>
<div id="div-max">
    <div id="div1"></div>
    <div id="div2"></div>
    <div id="div3"></div>
    <div id="div4"></div>
</div>
<br /><br />
<!--1.求和-->
<p>1.字符串相加</p>
<input type="text" id="txt1" />+<input type="text" id="txt2" /><input type="button" value="求和" onclick="qiuhe()" />
<br /><br />
<!--2.-->
<p>2.字符串相加</p>
<input type="text" id="txt3" />+<input type="text" id="txt4" /><input type="button" value="求和" onclick="qiuhe1()" />
<br /><br />
<!--3.-->
<p>3.判断是否NaN</p>
<input type="text" id="num" /><input type="button" value="检测" onclick="jc()" />
<br /><br />
<!--4.-->
<p>4.相加3</p>
<input type="text" id="txt5"  placeholder="支持整数运算"/>+<input type="text" id="txt6" placeholder="支持整数运算"/><input type="button" value="求和" onclick="qiuhe2()" />
<br /><br />

最低0.47元/天解锁文章

艺术2333

关注

1
点赞
踩
8

收藏

觉得还不错? 一键收藏
打赏
2
评论
Web前端-JS效果-导航弹框、背景变色、鼠标移动切换等常见的js效果

最近在学习JS效果，分享些实战经验。来图镇楼！ html部分（大综合）：<body><div id="div-color1"></div> <input type="button" value="背景变黄" onclick="changColor(this)" /> <input type="button" value="背景变红" onclic
复制链接

扫一扫