課程
/前端開發(fā)
/JavaScript
/JavaScript進(jìn)階篇
js如何實現(xiàn)鼠標(biāo)滑過不同的按鈕圖標(biāo)顯示不同的圖片?? 兩張圖片為例? 求助大神給代碼?
2016-11-25
源自:JavaScript進(jìn)階篇 6-11
正在回答
【網(wǎng)站建議】這個別人的回復(fù),可不可以帶鏈接直接跳到該課程。時間有點長或者學(xué)習(xí)的人記憶力不好,可能忘記是什么題了、、、一點都不詳細(xì),在這個頁面之前還有2個步驟,一個是選擇版本,一個是勾選一個同意的選項。
<!DOCTYPE html>
<html>
<head></head>
<body>
<img id="img" onmouseover="change()" src="../a.png"/>
<script>
? ? function change()
? ? {
? ? ? ? var temp=document.getElementById("img");
? ? ? ? if(temp.src.match("a"))
? ? ? ? {
? ? ? ? ? ? temp.src="../b.png";
? ? ? ? }
? ? ? ? else
? ? ? ? ? ? temp.src="../a.png";
? ? }
</script>
</body>
</html>
別人寫的
?<head>
? <title> 事件</title> ?
? <script type="text/javascript">
? ?function count(){
? ? var a=parseInt(document.getElementById("txt1").value);
? ? var b=parseInt(document.getElementById("txt2").value);
? ? var c=document.getElementById("select").value;
? ? switch( c){
? ? ? ? ? ? ? ? case "+":
? ? ? ? ? ? ? ? ? ? result=a + b;
? ? ? ? ? ? ? ? ? ? break;
? ? ? ? ? ? ? ? case "-":
? ? ? ? ? ? ? ? ? ? result=a - b;
? ? ? ? ? ? ? ? case "*":
? ? ? ? ? ? ? ? ? ? result=a * b;
? ? ? ? ? ? ? ? default:
? ? ? ? ? ? ? ? ? ? result=a / b;
?
? ? ? ? ? ? }
? ? ? ? ? ? document.getElementById("fruit").value=result;
? ?}
? </script>?
?</head>?
?<body>
? ?<input type='text' id='txt1' />?
? ?<select id='select'>
<option value='+'>+</option>
<option value="-">-</option>
<option value="*">*</option>
<option value="/">/</option>
? ?</select>
? ?<input type='text' id='txt2' />?
? ?<input type='button' value=' = ' onclick="count()"/> <!--通過 = 按鈕來調(diào)用創(chuàng)建的函數(shù),得到結(jié)果-->?
? ?<input type='text' id='fruit' /> ??
?</body>
舉報
本課程從如何插入JS代碼開始,帶您進(jìn)入網(wǎng)頁動態(tài)交互世界
3 回答大神大神,求助大神
2 回答求助大神幫助
2 回答大神 求助?。。?!
3 回答求大神幫助!
3 回答求助大神們
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網(wǎng)安備11010802030151號
購課補貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號
2022-03-26
【網(wǎng)站建議】這個別人的回復(fù),可不可以帶鏈接直接跳到該課程。時間有點長或者學(xué)習(xí)的人記憶力不好,可能忘記是什么題了、、、一點都不詳細(xì),在這個頁面之前還有2個步驟,一個是選擇版本,一個是勾選一個同意的選項。
2016-11-30
<!DOCTYPE html>
<html>
<head></head>
<body>
<img id="img" onmouseover="change()" src="../a.png"/>
<script>
? ? function change()
? ? {
? ? ? ? var temp=document.getElementById("img");
? ? ? ? if(temp.src.match("a"))
? ? ? ? {
? ? ? ? ? ? temp.src="../b.png";
? ? ? ? }
? ? ? ? else
? ? ? ? {
? ? ? ? ? ? temp.src="../a.png";
? ? ? ? }
? ? }
</script>
</body>
</html>
2016-11-25
別人寫的
<!DOCTYPE html>
<html>
?<head>
? <title> 事件</title> ?
? <script type="text/javascript">
? ?function count(){
? ? var a=parseInt(document.getElementById("txt1").value);
? ? var b=parseInt(document.getElementById("txt2").value);
? ? var c=document.getElementById("select").value;
? ? switch( c){
? ? ? ? ? ? ? ? case "+":
? ? ? ? ? ? ? ? ? ? result=a + b;
? ? ? ? ? ? ? ? ? ? break;
? ? ? ? ? ? ? ? case "-":
? ? ? ? ? ? ? ? ? ? result=a - b;
? ? ? ? ? ? ? ? ? ? break;
? ? ? ? ? ? ? ? case "*":
? ? ? ? ? ? ? ? ? ? result=a * b;
? ? ? ? ? ? ? ? ? ? break;
? ? ? ? ? ? ? ? default:
? ? ? ? ? ? ? ? ? ? result=a / b;
?
? ? ? ? ? ? }
? ? ? ? ? ? document.getElementById("fruit").value=result;
? ?}
? </script>?
?</head>?
?<body>
? ?<input type='text' id='txt1' />?
? ?<select id='select'>
<option value='+'>+</option>
<option value="-">-</option>
<option value="*">*</option>
<option value="/">/</option>
? ?</select>
? ?<input type='text' id='txt2' />?
? ?<input type='button' value=' = ' onclick="count()"/> <!--通過 = 按鈕來調(diào)用創(chuàng)建的函數(shù),得到結(jié)果-->?
? ?<input type='text' id='fruit' /> ??
?</body>
</html>