1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > js点小图显示大图的切换功能代码_图象特效

js点小图显示大图的切换功能代码_图象特效

时间:2020-10-13 07:02:25

相关推荐

js点小图显示大图的切换功能代码_图象特效

web前端|js教程

js,点小图显示大图

web前端-js教程

网站html源码下载,vscode能写hp吗,ubuntu 编译php,tomcat端口转发,litex sqlite,湛江网页设计招聘,网站数据库连接错误,域名服务器又称为,vivi服务安全插件,多平台发布的前端框架是什么,客户爬虫,php 多图片上传,seo日志分析,springboot免登录,phpwind list标签,网站防采集软件,网页高度代码,flash模板替换,网站后台操作,jq 页面向下滚动,值班管理系统asp源码,淘东东程序lzw

javascript点小图出大图 练习 by 阿会楠

广告分类网站源码,ubuntu设置美国时区,小爬虫歌曲教案,php编码在哪,常规seo优化lzw

body{ text-align:center; margin:0 auto; } #imgList li img{ width:80px; height:80px; border:1px solid #cccccc; } ul li{ list-style:none; float:left; margin-left:20px; cursor:pointer; } .rborder{ border:1px solid yellow; }

var img = new Array(); img[0] = “/upload/0918164412320.jpg”; img[1] = “/upload/0918164413758.jpg”; img[2] = “/upload/0918164414965.jpg”; function $(obj){ return document.getElementById(obj); } function $img(url){ return ““; } function changeborder(obj){for(var j = 0;j < img.length;j++){$("imgList").getElementsByTagName("li")[j].getElementsByTagName("img")[0].style.borderColor = "#cccccc"; } obj.style.borderColor= "red"; $("bImg").innerHTML = $img(obj.src); } window.onload = function(){ for(var i = 0;i < img.length;i++){$("imgList").innerHTML += "" + $img(img[i]) + ""; } if($("bImg").innerHTML == ""){$("bImg").innerHTML = $img(img[0]);$("imgList").getElementsByTagName("li")[0].getElementsByTagName("img")[0].style.borderColor = "red"; } }

广告会展网站源码,vscode桌面右键清除,ubuntu-13.10,Tomcat 站点定义,sqlite3绑定参数错误,狗的屁股里爬虫子出来怎么办,php红包源码,淮北seo推广咨询热线,手机电影网站系统,租车模板lzw

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

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