1500字范文,内容丰富有趣,写作好帮手!
1500字范文 > js中jquery鼠标事件(点击替换 鼠标移入 移出)

js中jquery鼠标事件(点击替换 鼠标移入 移出)

时间:2020-05-22 06:48:32

相关推荐

js中jquery鼠标事件(点击替换 鼠标移入 移出)

1、先添加三张图片

<img src="./vscode/images/1.jpg" width="300"><img src="./vscode/images/1.jpg" width="300"><img src="./vscode/images/1.jpg" width="300">

2、js部分(实现点击图片替换、鼠标移入出现边框,移出边框消失)

<script src="./vscode/js/jquery-3.4.1.min.js"></script><script>$("img").click(function () {$(this).attr("src", "./vscode/images/R-C.jpg")/*修改属性实现点击替换图片*/});$("img").mouseover(function () {$(this).css("border", "2px solid green") /*如果是多个img的话this是事件的触发源头鼠标移入哪一张显示哪一张*/});$("img").mouseout(function () {$(this).css("border", "2px solid white") });</script>

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。