我想在不使用脚本的情况下在(iframe)中显示幻灯片(pdf文件)

时间:2018-11-11 03:01:40

标签: asp.net

我想在这段代码中使用不使用脚本元素的相同想法 只是.aspx.cs页面中的子例程? 因为在页面母版的内容页面中使用脚本元素时运行出现问题


<script type="text/javascript">


     function display(id) {

        hideAndStopAll()
        var slide = document.getElementById(id);
        slide.style.display = 'block';


     }

     var ids= ['ch1','ch2','ch3','ch4','ch5','ch6','ch7','ch8','ch9','ch10']

     function hideAndStopAll(){

         for(i=0;i<ids.length;i++){
             var sli = document.getElementById(ids[i]);
             sli.style.display='none'
         }

     }



</script>

<div> <a onclick="display('ch1');"> Slide Ch1 </a> </div> 
<div> <a onclick="display('ch2');"> Slide Ch2 </a> </div>
<div> <a onclick="display('ch3');"> Slide Ch3 </a> </div>
<div> <a onclick="display('ch4');"> Slide Ch4 </a> </div>
<div> <a onclick="display('ch5');"> Slide Ch5 </a> </div>
<div> <a onclick="display('ch6');"> Slide Ch6 </a> </div>
<div> <a onclick="display('ch7');"> Slide Ch7 </a> </div>
<div> <a onclick="display('ch8');"> Slide Ch8 </a> </div>
<div> <a onclick="display('ch9');"> Slide Ch9 </a> </div>
<div> <a onclick="display('ch10');">Slide Ch10</a> </div>


</section>

<iframe id="ch1"  src="ch1.pdf"> </iframe>
<iframe id="ch2"  src="ch2.pdf"> </iframe>
<iframe id="ch3"  src="ch3.pdf"> </iframe>
<iframe id="ch4"  src="ch4.pdf"> </iframe>
<iframe id="ch5"  src="ch5.pdf"> </iframe>
<iframe id="ch6"  src="ch6.pdf"> </iframe>
<iframe id="ch7"  src="ch7.pdf"> </iframe>
<iframe id="ch8"  src="ch8.pdf"> </iframe>
<iframe id="ch9"  src="ch9.pdf"> </iframe>
<iframe id="ch10" src="ch10.pdf"> </iframe>

0 个答案:

没有答案