<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>点击切换图片</title>
<!-- 网页上显示一张图片,当用户点击该图片的时候,切换另一张图。
(可以搞4 或 6张图片,
用户点击的时候随机切换
或者
用户点击的时候 切换到下一张图片)-->
<script type="text/javascript">
function changePic()
{
//随机产生1-6随机数
var num = Math.ceil(Math.random()*6);
//修改src路径
document.getElementById("p").src = num + ".jpg";
}
</script>
</head>
<body>
<p align="center"><img src = "1.jpg" id = "p" width="400px" height="300px" onclick="changePic()"/></p>
</body>
</html>
利用JS实现鼠标点击图片随机切换
最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
- 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
推荐阅读更多精彩内容
- 应用案例: 为了实现以下效果,点击分页页码后标记点击后的效果 使用以下方式可实现上图效果。 注:借鉴自一些前辈的方法。
- 直接上图。 Input里的mouse Properties 代表了点击事件属性 下面的可选项 use mouse ...
- 前文链接: http://www.jianshu.com/p/87b8c379b91bhttp://www.jia...
- 今天项目需求碰到了一个问题,废话不多说了上图,如下点击右边ImageView动态去切换ImageView的状态,代...
- 需要引用文件 renderers/Projector.js在raycaster.intersectObjects(...