建议使用数据将图片信息动态生成,然后利用for语句遍历数据,将每个图片添加到图层中。。 var imgDiv=document.createElement("div");//动态新建图层 var imgArr={"图片信息1":"音乐信息1","图片信息2":"音乐信息2","图片信息3","音乐信息3"}; //依照这样一次将所有的图片信息和音乐信息保存到数据中 for(var key in imgArr){ //使用for循环遍历key(这里的key指的是图片信息) imgDiv.innerHtml="<img src="+key+"/>";//将图片添加到层中 var music=imgArr[key];//得到音乐信息 }
把content1的部分改成了<div id="content1"></div>
<script>
document.getElementById("content1").innerHTML="<div align="center"><a href="001.html"><img style="border:8px #EEEEEE solid;" src="Gothic/001.png "width="160" height="160" /></a>
</div>";
</script>为什么图片就消失不见了QAQ。。
<script type="text/javascript">
function createDIV(){
var container=document.createElement("div");//创建一个DIV
container.style.width = '1440px';
container.style.height = '40px';
container.innerHTML="<h1 align="center" class="STYLE2">JJR's Music</h1>";//设置div里面的内容
document.body.appendChild(container); //主要加上这句,把新建的DIV加到页面上。
}
</script>也失败了。QAQ
你的字串裡有雙引號,改用單引號把HTML包起來吧,
不然就是要在裡面的雙引號前加上反斜線,強制視為字符
在线演示结果
在线演示代码
var imgArr={"图片信息1":"音乐信息1","图片信息2":"音乐信息2","图片信息3","音乐信息3"}; //依照这样一次将所有的图片信息和音乐信息保存到数据中
for(var key in imgArr){ //使用for循环遍历key(这里的key指的是图片信息)
imgDiv.innerHtml="<img src="+key+"/>";//将图片添加到层中 var music=imgArr[key];//得到音乐信息
}
大神你简直就是我的再生父母QAQ。
可以再问一个渣渣的问题吗。。就是imgList是不是也能用自动生成呢。【不会写呢趴】我的所有图片都是统一001、002、、、010这样命名的
一共有50张,感觉自动生成更精简的样子?
如果需要指定链接和图片的文件夹,调用getList的时候把文件夹路径穿进去,不需要最后的/。比如链接页面和图片都位于Gothic/文件夹内,则调用getList('Gothic')
Get!简直太棒了>w<
其实我这个作业还有几个问题没有解决的不过我继续自己研究><
先把分给大神了~如果大神有空可以教我怎么在网页里读取txt的东西吗【= =喂】
老师让我们点进去的网页是有音乐跟歌词的,歌词要从txt里读