當前位置:編程學習大全網 - 源碼下載 - 在html頁面,通過輸入指定的數值範圍,來顯示層,有圖片展示,求高人解答

在html頁面,通過輸入指定的數值範圍,來顯示層,有圖片展示,求高人解答

寫個簡單的js就行了。

js部分:

<script type="text/javascript">

function on_click()

{

var temp1=document.getElementById("text1").value;

var temp2=document.getElementById("text2").value;

for(var i=1;i<5;i++)

{

document.getElementById("div"+i).style.display="none";

}

if(temp1>0 && temp2<=4){

for(var i=temp1;i<=temp2;i++)

{

document.getElementById("div"+i).style.display="";

}

}

if(temp1==0)

{

for(var i=1;i<=temp2;i++)

{

document.getElementById("div"+i).style.display="";

}

}

if(temp2>4)

{

for(var i=temp1;i<5;i++)

{

document.getElementById("div"+i).style.display="";

}

}

if(temp1==0 && temp2>4)

{

for(var i=1;i<5;i++)

{

document.getElementById("div"+i).style.display="";

}

}

}

</script>

html部分:

<input type="text" id="text1" />至<input type="text" id="text2" /><input type="button"

value="查詢" onclick="on_click();" />

<div id="div1" style="display: none;">

div1 內容。。。</div>

<div id="div2" style="display: none;">

div2 內容。。。</div>

<div id="div3" style="display: none;">

div3 內容。。。</div>

<div id="div4" style="display: none;">

div4 內容。。。</div>

希望對妳有用。

  • 上一篇:【火焰山第三個故事】神仙為什麽壹定要滅牛王默?
  • 下一篇:初看Mybatis 源碼 SQL是怎麽執行的
  • copyright 2024編程學習大全網