鼠标移动过去变大变绿
原始代码
<html><head><meta charset="utf-8"><meta name="generator"content="HTML Tidy for HTML5 (experimental) for Windows https://github.com/w3c/tidy-html5/tree/c63cc39" /><title>鼠标移动过去放大变色</title><style>#div1 {width:200px;height:200px;background:red;}</style></head><body><div id="div1" onmouseover="document.getElementById('div1').style.height='300px';document.getElementById('div1').style.width='300px';document.getElementById('div1').style.background='green';"onmouseout="document.getElementById('div1').style.height='200px';document.getElementById('div1').style.width='200px';document.getElementById('div1').style.background='red';"></div></body>
</html>函数
<html><head><meta charset="utf-8"><meta name="generator"content="HTML Tidy for HTML5 (experimental) for Windows https://github.com/w3c/tidy-html5/tree/c63cc39" /><title>鼠标移动过去放大变色</title><style>#div1 {width:200px;height:200px;background:red;}</style><script>function toGreen(){document.getElementById('div1').style.height='300px';document.getElementById('div1').style.width='300px';document.getElementById('div1').style.background='green';}function toRed(){document.getElementById('div1').style.height='200px';document.getElementById('div1').style.width='200px';document.getElementById('div1').style.background='red';}</script></head><body><div id="div1" onmouseover="toGreen()"onmouseout="toRed()"></div></body>
</html>变量名称
<html><head><meta charset="utf-8"><meta name="generator"content="HTML Tidy for HTML5 (experimental) for Windows https://github.com/w3c/tidy-html5/tree/c63cc39" /><title>鼠标移动过去放大变色</title><style>#div1 {width:200px;height:200px;background:red;}</style><script>function toGreen(){var oDiv=document.getElementById('div1');oDiv.style.height='300px';oDiv.style.width='300px';oDiv.style.background='green';}function toRed(){var oDiv=document.getElementById('div1');oDiv.style.height='200px';oDiv.style.width='200px';oDiv.style.background='red';}</script></head><body><div id="div1" onmouseover="toGreen()"onmouseout="toRed()"></div></body>
</html>转载于:https://www.cnblogs.com/Yimi/p/5923111.html
鼠标移动过去变大变绿相关推荐
- mac移动鼠标光标会变大_如何在Mac上使鼠标光标变大或变小
mac移动鼠标光标会变大 The macOS cursor isn't tiny, but some people have trouble seeing it. If you're one of t ...
- 图片随鼠标滑轮滚动变大变小
* 图片随鼠标滑轮滚动变大变小,最大不超过屏幕宽度-360 */ <HTML> <HEAD> <meta http-equiv="Content-Type&qu ...
- Html字母变大的代码,css鼠标选中字体变大 div css鼠标悬停超链接的文字变大
css鼠标选中字体变大 css鼠标悬停超链接的文字变大 CSS布局鼠标悬停在超链接上字体变大,css实现鼠标经过锚文本文字时改变字体大小篇. 实现这一效果需要的是:hover伪类设置需要字体. 鼠标选 ...
- canvas绘制随机大小颜色泡泡,鼠标单击后变大变淡消失
一.canvas随机渲染泡泡,鼠标单击后变大变淡消失 完整代码如下: <!doctype html> <html lang="en"><head> ...
- 从0开始html前端页面开发_CSS实现图像获取鼠标焦点逐渐变大动画效果
用CSS实现非常简单只需要在style样式里添加transition过度样式即可 在hover状态里使用transform变换样式即可 transform:scale//比例 <style ty ...
- html中鼠标悬停图片变大,JavaScript通过mouseover()实现图片变大效果的示例
图片提示 body{ margin:0; padding:40px; background:#fff; font:80% Arial, Helvetica, sans-serif; color:#55 ...
- php鼠标悬停字体变大代码CS6,Dreamweaver cs6设置代码字体大小的方法
它们不仅仅提供简单的代码展示功能,还提供很多代码协作和实际编程过程会用到的功能.例如,当你需要别人帮你调试源代码的时候,可以使用这些网站分享你的问题代码,然后把链接分享 2021-03-10 20:2 ...
- html图片浮空但占位置,求助：鼠标经过图片时，图片悬浮出现变大
该楼层疑似违规已被系统折叠 隐藏此楼查看此楼 鼠标悬停图片变大 body{text-align:center; background:#72C2E7;} h1{font-size:20px; colo ...
- html语言字体如何变大,怎么把网页的字变大_怎么让html字体变大？
如何更改网页显示字体的大小 1.打开浏览器,浏览器右上角点击三横按钮. 怎样把网页上的字显示变大 打开IE---工具---选项---辅助功能---选:不使用网页中指定的文字大小.就可以完全使用&quo ...
最新文章
- HDU-4403 A very hard Aoshu problem 枚举
- Android--表格布局
- log4cplus的内存泄露问题
- linux c 如何编译静态库,Linux C 编程入门之一：gcc 编译动态库和静态库
- 【Mca架构】java互联网高级架构师
- S4 exercise -- 模块
- 分治法在求解“最近对”问题中的应用（JAVA）
- python seek_Python 文件操作seek()函数
- CenterOS的安装配置（配图解）
- Python NetworkX – Python图形库
- Emacs shutcuts
- jquery中object对象循环遍历的方法
- EL表达式和JSTL标签库
- 前端XSS 过滤--亲测有效
- 系统思考正反馈之马太效应
- ADT for Eclipse
- oracle nvl()和nvl2()
- putty+xming树莓派远程显示图片/图形界面
- while循环+无限循环.py
- 全国计算机比赛第一名可以保送吗,她是中国奥数第一名，已保送清华大学姚班，为何国际奥数成绩却垫底？...