web中鼠标的点击事件
来源:互联网 发布:广告机发布软件 编辑:程序博客网 时间:2024/06/08 11:16
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>商品展示</title> <style> body,img{ margin:0px; padding: 0px; } body{ margin: 100px auto 0px auto; background-image: url("./images/01big.jpg"); background-repeat: no-repeat; background-position: center; } .box{ width:366px; height:70px; margin: 435px auto 0px auto; cursor: pointer; } .box img{ width: 70px; } </style> <script> function $(id){ return document.getElementById(id); } window.onload = function(){ $('img1').onmousemove = function(){ document.body.style.backgroundImage = "url('./images/01big.jpg')"; } $('img2').onmousemove = function(){ document.body.style.backgroundImage = "url('./images/02big.jpg')"; } $('img3').onmousemove = function() { document.body.style.backgroundImage = "url('./images/03big.jpg')"; } $('img4').onmousemove = function(){ document.body.style.backgroundImage = "url('./images/04big.jpg')"; } $('img5').onmousemove = function(){ document.body.style.backgroundImage = "url('./images/05big.jpg')"; } } </script></head><body> <div id="bigbox"></div> <div class="box"> <img src="./images/01.jpg" alt="" id="img1"> <img src="./images/02.jpg" alt="" id="img2"> <img src="./images/03.jpg" alt="" id="img3"> <img src="./images/04.jpg" alt="" id="img4"> <img src="./images/05.jpg" alt="" id="img5"> </div></body></html>
阅读全文
3 0
- web中鼠标的点击事件
- 鼠标的点击事件
- div的鼠标点击事件
- flash中做获取鼠标点击的事件
- unity ugui对场景中鼠标点击事件的遮挡
- QT中模拟鼠标点击事件
- web.鼠标.跟着鼠标走的事件
- C# 点击鼠标右键引发的事件
- JavaScript 鼠标点击事件的整合
- 鼠标点击不同位置触发的事件
- PyQt5重写QComboBox的鼠标点击事件
- web浏览器中禁止用户鼠标右键与鼠标点击
- Android中web view截取H5的点击事件
- 模拟鼠标点击事件
- 关于鼠标点击事件
- 鼠标点击事件
- watir鼠标点击事件
- js鼠标点击事件
- 01-复杂度2 Maximum Subsequence Sum (25分)
- HDU 4569 Special equations(思维)——2013 ACM-ICPC长沙赛区全国邀请赛
- cef AutomatedBuildSetup
- [leetcode]598. Range Addition II
- 深入理解javascript原型和闭包(9)——简述【执行上下文】下
- web中鼠标的点击事件
- PHP实战之实现简单的分页
- 不同PNP求解算法性能测试
- web前端开发之几种布局方式之响应式布局
- 126. Word Ladder I & II
- 判断某一天是当年的哪一天
- Linux下安装gnuplot
- 代理模式
- 毫秒转换为天、小时、分、秒