<label id="fnez1"><rp id="fnez1"></rp></label>
課程
/前端開發
/JavaScript
/JavaScript進階篇
js如何實現鼠標滑過不同的按鈕圖標顯示不同的圖片?? 兩張圖片為例? 求助大神給代碼?
2016-11-25
源自：JavaScript進階篇 6-11
正在回答
【網站建議】這個別人的回復，可不可以帶鏈接直接跳到該課程。時間有點長或者學習的人記憶力不好，可能忘記是什么題了、、、一點都不詳細，在這個頁面之前還有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()"/> <!--通過 = 按鈕來調用創建的函數，得到結果-->?
? ?<input type='text' id='fruit' /> ??
?</body>
舉報
本課程從如何插入JS代碼開始，帶您進入網頁動態交互世界
3 回答大神大神，求助大神
2 回答求助大神幫助
2 回答大神 求助?。。?！
3 回答求助大神們
3 回答求大神幫助！
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2022-03-26
【網站建議】這個別人的回復，可不可以帶鏈接直接跳到該課程。時間有點長或者學習的人記憶力不好，可能忘記是什么題了、、、一點都不詳細，在這個頁面之前還有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()"/> <!--通過 = 按鈕來調用創建的函數，得到結果-->?
? ?<input type='text' id='fruit' /> ??
?</body>
</html>