html点击切换图片js(html点击图片变成另一张)

方法有很多，看你想html代码少点，还是js代码少点我写了一个，不是最好的，不过可以用ltdiv class=quotboxquot ltul ltli class=quotonquotltimg src=quot1jpgquot ltli ltli class=quothidequotltimg src=quot2jp；思路使用javascript定时器函数setTimeout每隔一定的毫秒间隔数执行动作，在执行的动作中循环替换图片的src属性树立演示如下1HTML结构 ltimg src=quot1pngquot id=quottestquot2javascript代码 function changenifn5。

var ifori=1ilt29i++ 129 可任意修改，根据img的id值的范围 documentgetElementByIdquotaquot+itoStringsrc=quotimagespot2pngquot。

图片上加点击事件，事件触发后用ajax从后台获取一条新的图片路径和信息，分别放到图片和状态栏就好了；* 最简单的做法 假定有两页 页adiv_a 页bdiv_b 当点击第一个“圈圈”，把第一个显示displayxxxxx，第二个其他隐藏display*；这里是JS代码 ，下面豆芽会写上 ltscript lthead ltbody ltimg src=quotimagesimg02pngquot ltbody lthtml 2documentreadyfunction var newImage = new Image 预载入图片；Bcss display先将CSS中的图片B隐藏，再创建js，点击A弹出图片B，简单点就是图片A的onclick=“show”lthtmlltheadlttittlelttittleltscript type=quottextjavascriptquot language=quotjavascriptquot function show。

doctype htmllthtml lang=quotenquotltheadltmeta charset=quotUTF8quotlttitleDocumentlttitleltscriptwindowonload = function 这个数组里放置图片路径var imgs = #391jpg#39，#392jpg#39，#393jpg#39var len = img；lttitle三图片轮换lttitle lthead ltbody ltimg id=quottheImgquot src=quot图片地址1quot ltscript var arr=‘图片地址1’，’图片地址2‘，’图片地址3‘var atheImg=documentgetElementById#39theImg#39var t=；点击按钮将页面转为png图片具体效果不是很理解，可以试着点击按钮click方法，png图片出现show方法，覆盖整个页面即可；quot onclick=quotc1quot菜单二ltaltdiv id=quota0quot这里是文字ltdivltdiv id=quota1quot style=quotdisplayquot这里是图片，自己写上ltimg src=quot图片地址quotltdiv左侧右侧布局我没给你写，只写了图片文字切换功能；ltli class=quotnormalquotltimg src=quoteduimgjss4jpgquot alt=quotquot ltli ltul ltdivltdivltdivltbodylthtml自己改图片链接和大小~~ 已赞过 已踩过lt 你对这个回答的评价是？ 评论 收起 嘻嘻IT 201。

这样lt！DOCTYPE html lthtml lthead ltmeta charset=quotUTF8quot lttitle动态切换图片lttitle lthead ltstyle ul padding0margin0 li liststyle pic position relativewidth 400pxheig；lt！doctype htmllthtmlltheadltmeta charset=quotutf8quot lttitlelttitleltlink href=quotcssstylecssquot rel=quotstylesheetquot ltscript src=quotjsjsjsquot type=quottextjavascriptquotltscriptltheadltbodyltdiv class=。

请帮忙写一段JS脚本ltbr 当在第一个下拉列表为空时，第二个下拉列表则处于不可用状态ltbr 当在第一个下拉列表输入或选择非数字的时候，第二个下拉列表则处于不可用状态ltbr 当在第一个下拉列表输入或选择数字的时候；点击鼠标，还是点击按钮，还是点击图片如果是点击鼠标，写一个遮罩层，遮罩层为全透明rgba0 ，0 ，0， 0遮罩层设置点击事件onclick 点击后隐藏当前图片，显示另一张，用if点击按钮，你可以在按钮上写个点击事件 。