当前位置： 首页 > news >正文 网站建设制作要学什么网站源码上传到哪个文件夹 news 2025/10/30 8:59:49 网站建设制作要学什么,网站源码上传到哪个文件夹,局域网电脑做网站,腾宁科技做网站399元全包先看效果叭#xff1a; js实现图片切换 思路#xff1a;首先图片下方有切换到上一张和下一张的按钮#xff0c;实现图片切换实际上就是点击相应按钮时#xff08;给按钮添加点击事件#xff09;#xff0c;图片路径对应改变#xff0c;也就是img.src属性#xff0c;但在…先看效果叭 js实现图片切换 思路首先图片下方有切换到上一张和下一张的按钮实现图片切换实际上就是点击相应按钮时给按钮添加点击事件图片路径对应改变也就是img.src属性但在这里并不推荐使用改变src属性来切换图片因为每点击一次按钮就要重新给src赋值新的地址太过麻烦这里采用将所有的图片路径保存在一个数组中只要改变数组的索引值就能实现改变图片的效果。 再看代码 !DOCTYPE html htmlheadmeta charsetUTF-8title/titlestyle typetext/css*{padding: 0;margin: 0;}#pic{width: 250px;margin: 100px auto;text-align: center;background-color: pink;padding: 10px;}/style/headbodydiv idpicp idinfo/pimg srcimg/摆烂.pngbutton idprev 上一张/buttonbutton idnext下一张 /button/div/bodyscript typetext/javascriptwindow.onloadfunction(){//先获取到perv和next再分别给它们添加点击事件var prevdocument.getElementById(prev);var nextdocument.getElementById(next);//获取img,修改图片就是修改img的src属性,用img.srcimg/哈哈.png;切换到下一张但这种方法不可取太麻烦//使用getElementsByTagName获取到的是一个数组就算获取到一个元素也会封装到数组中var imgdocument.getElementsByTagName(img)[0];//创建数组来保存图片路径var imgArr[img/摆烂.png,img/哈哈.png,img/就这.png,img/哭哭.png,img/迷茫.png];//创建索引保存正在显示的图片下标默认第一张下标为0var index0;//设置提示文字var infodocument.getElementById(info);//获取info后用innerHTML为p标签添加文字info.innerHTML第(index1)/(imgArr.length)张;//分别为两个按钮绑定点击事件prev.onclickfunction(){index--;//做判断如果当前图片是第一张再点上一张就切换到第五张让图片可以循环点击if(index0){indeximgArr.length-1;}img.srcimgArr[index];//每点击上一张时提示文字也跟着变info.innerHTML第(index1)/(imgArr.length)张;};next.onclickfunction(){ index;if(indeximgArr.length-1){index0;}img.srcimgArr[index];//每点击下一张时提示文字也跟着变info.innerHTML第(index1)/(imgArr.length)张;}; };/script /html 文章转载自： http://www.morning.gccdr.cn.gov.cn.gccdr.cn http://www.morning.bcdqf.cn.gov.cn.bcdqf.cn http://www.morning.hnpkr.cn.gov.cn.hnpkr.cn http://www.morning.zrks.cn.gov.cn.zrks.cn http://www.morning.fqssx.cn.gov.cn.fqssx.cn http://www.morning.plydc.cn.gov.cn.plydc.cn http://www.morning.xkbdx.cn.gov.cn.xkbdx.cn http://www.morning.xnbd.cn.gov.cn.xnbd.cn http://www.morning.fqyxb.cn.gov.cn.fqyxb.cn http://www.morning.shawls.com.cn.gov.cn.shawls.com.cn http://www.morning.nfccq.cn.gov.cn.nfccq.cn http://www.morning.dtgjt.cn.gov.cn.dtgjt.cn http://www.morning.lfpdc.cn.gov.cn.lfpdc.cn http://www.morning.hqrr.cn.gov.cn.hqrr.cn http://www.morning.rgnq.cn.gov.cn.rgnq.cn http://www.morning.fbmjl.cn.gov.cn.fbmjl.cn http://www.morning.wfdlz.cn.gov.cn.wfdlz.cn http://www.morning.rpsjh.cn.gov.cn.rpsjh.cn http://www.morning.znqztgc.cn.gov.cn.znqztgc.cn http://www.morning.rhqn.cn.gov.cn.rhqn.cn http://www.morning.xcjwm.cn.gov.cn.xcjwm.cn http://www.morning.tkjh.cn.gov.cn.tkjh.cn http://www.morning.flpjy.cn.gov.cn.flpjy.cn http://www.morning.mngyb.cn.gov.cn.mngyb.cn http://www.morning.lwlnw.cn.gov.cn.lwlnw.cn http://www.morning.lssfd.cn.gov.cn.lssfd.cn http://www.morning.rldph.cn.gov.cn.rldph.cn http://www.morning.wqnc.cn.gov.cn.wqnc.cn http://www.morning.lffgs.cn.gov.cn.lffgs.cn http://www.morning.nfmlt.cn.gov.cn.nfmlt.cn http://www.morning.ndxmn.cn.gov.cn.ndxmn.cn http://www.morning.slfmp.cn.gov.cn.slfmp.cn http://www.morning.lyjwb.cn.gov.cn.lyjwb.cn http://www.morning.qyxwy.cn.gov.cn.qyxwy.cn http://www.morning.hqrkq.cn.gov.cn.hqrkq.cn http://www.morning.wbxtx.cn.gov.cn.wbxtx.cn http://www.morning.kwhrq.cn.gov.cn.kwhrq.cn http://www.morning.pycpt.cn.gov.cn.pycpt.cn http://www.morning.xsymm.cn.gov.cn.xsymm.cn http://www.morning.ktmbr.cn.gov.cn.ktmbr.cn http://www.morning.tllhz.cn.gov.cn.tllhz.cn http://www.morning.ntqnt.cn.gov.cn.ntqnt.cn http://www.morning.fqtdz.cn.gov.cn.fqtdz.cn http://www.morning.hnkkf.cn.gov.cn.hnkkf.cn http://www.morning.sdkaiyu.com.gov.cn.sdkaiyu.com http://www.morning.xwlmg.cn.gov.cn.xwlmg.cn http://www.morning.mslsn.cn.gov.cn.mslsn.cn http://www.morning.trwkz.cn.gov.cn.trwkz.cn http://www.morning.nwbnt.cn.gov.cn.nwbnt.cn http://www.morning.bhjyh.cn.gov.cn.bhjyh.cn http://www.morning.lksgz.cn.gov.cn.lksgz.cn http://www.morning.smdnl.cn.gov.cn.smdnl.cn http://www.morning.ryyjw.cn.gov.cn.ryyjw.cn http://www.morning.dtlnz.cn.gov.cn.dtlnz.cn http://www.morning.rzcfg.cn.gov.cn.rzcfg.cn http://www.morning.srzhm.cn.gov.cn.srzhm.cn http://www.morning.wjtwn.cn.gov.cn.wjtwn.cn http://www.morning.gbrdx.cn.gov.cn.gbrdx.cn http://www.morning.bpmdh.cn.gov.cn.bpmdh.cn http://www.morning.gdpai.com.cn.gov.cn.gdpai.com.cn http://www.morning.ejknty.cn.gov.cn.ejknty.cn http://www.morning.rzcbk.cn.gov.cn.rzcbk.cn http://www.morning.cgtfl.cn.gov.cn.cgtfl.cn http://www.morning.zbhfs.cn.gov.cn.zbhfs.cn http://www.morning.httpm.cn.gov.cn.httpm.cn http://www.morning.lhztj.cn.gov.cn.lhztj.cn http://www.morning.ktnt.cn.gov.cn.ktnt.cn http://www.morning.kaakyy.com.gov.cn.kaakyy.com http://www.morning.wrlqr.cn.gov.cn.wrlqr.cn http://www.morning.llxqj.cn.gov.cn.llxqj.cn http://www.morning.mjbnp.cn.gov.cn.mjbnp.cn http://www.morning.pxbrg.cn.gov.cn.pxbrg.cn http://www.morning.zbnts.cn.gov.cn.zbnts.cn http://www.morning.cnyqj.cn.gov.cn.cnyqj.cn http://www.morning.kmqwp.cn.gov.cn.kmqwp.cn http://www.morning.yrck.cn.gov.cn.yrck.cn http://www.morning.stfdh.cn.gov.cn.stfdh.cn http://www.morning.cypln.cn.gov.cn.cypln.cn http://www.morning.sfdsn.cn.gov.cn.sfdsn.cn http://www.morning.jglqn.cn.gov.cn.jglqn.cn 查看全文 http://www.tj-hxxt.cn/news/261914.html 相关文章： 广东网站建设服务商广水网站设计 房地产网站建设提案好看的网站设计网站 公众号文章到wordpress衡水seo网站建设优化排名 比较出名的wordpress网站自建淘宝客网站模板 怎样在国外网站做推广英迈寰球网站建设 网站目录管理模版我的世界查找建筑网站 企业网站设计网济宁哪家网站建设公司正规 网站运营需要学什么湛江自做网站 网站源代码下载工具网站的js效果 下载的网站模板怎么使用三大门户网站哪家做的最好 潮州外贸网站建设医院网站建设情况说明 免费网站建站百度微信网站域名备案成功后怎么做 门户网站开发项目的风险网站开发方式有外包 做百科需要发哪些网站wordpress抽奖源码 品牌网站源码asp摄影设计网站 网站开发维护合同天津seo网络优化师 湖南佳邦建设有限公司网站我有域名有服务器怎么建设网站 天元建设集团有限公司企业号黑帽seo培训 宜黄县建设局网站wordpress 下载路径加密 安阳网站制作优化建设一个类似于猪八戒的网站需要 学做网站最好的网站邢台移动网站建设价格 商用网站开发计划书网站打开速度检测攻击 odoo 网站建设a标签怎么显示wordpress 高校网站如何建设photoshop网站模板 网站策划案怎么做集艾室内设计(上海)有限公司 太原网站优化公司asp. net 做网站 现在主流的网站开发平台有哪些做盗版小说网站违法吗 临沂网站建设电话大学生asp网站开发的实训周 新野企业网站建设推广网站公司 如何设置免费网站做移动端活动页面参考网站
