1. 程式人生 > >JS onclick點選事件:點選圖片切換其他圖片

JS onclick點選事件:點選圖片切換其他圖片

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <script type="text/javascript">
            window.onload=function(){   
                var img=document.getElementsByTagName("img")[0];
                var index=1
; img.onclick=function(){ index++; if(index>4){ index=1; } img.src="image/ad-0"+index+".jpg"; } }
</script> </head> <body>
<img src="image/ad-01.jpg" /> </body> </html>

驗證截圖

相關推薦

JS onclick事件圖片切換其他圖片

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <

JS如何給ul下的所有li繫結點事件使其彈出下標和內容

這是一個非常常見的面試題,出題方式多樣,但考察點相同,下面我們來看看這幾種方法: 方法一: var itemli = document.getElementsByTagName("li"); for(var i = 0; i<itemli.length; i++){   

字串拼接,字串裡面有點事件事件裡面有動態獲取的引數

html='<select class="placeWidth fl" id="' + data.returnData[i].children[j].pfieldname + '_ss" onchange="refreshQList_sy(\' '+data.returnData[i].childre

【Swift 2.1】為 UIView 新增事件效果

前言   UIView 不像 UIButton 加了點選事件就會有點選效果,體驗要差不少,這裡分別通過自定義和擴充套件來實現類似 UIButton 的效果。 宣告   歡迎轉載,但請保留文章原始出處:)   部落格園:http://www.cnblogs.com  農民伯伯: http://ove

FloatingActionButton實現事件擊無響應

最近做一個App用到了FloatingActionButton,可是在實現點選事件的時候卻出了點問題。 FloatingActionButton實現點選事件之後,在onClick()函式中實現的程式碼邏輯卻沒有執行,然後就很茫然,這麼簡單的東西怎麼會出錯,然後就找了好久,最後才發現還真的是

AutoCompleteTextView 設定了事件需要兩下解決辦法

今天用AutoCompleteTextView 設定了點選事件為了使其彈出提示內容,但是發現需要點選兩下才會觸發OnClick事件。 在網上找到了一個辦法是換成OnTouch方法, 在Android中,onClick、onLongClick的觸發是和ACTI

angularjs 事件獲取 物件

<div class="provinceFont" data-ng-click="go($event)" ng-mouseenter="additemcss($event)" ng-mouseleave="removeitemcss($event)">{{y}}

Egret開發《消滅方塊》後記(三)事件

        追求好的效能就要對程式碼很苛刻,效率都是一點一點擠出來的,蚊子肉也是肉,但是這一點點的積累就會帶來一個很流暢的遊戲。本篇說的是關於點選事件的優化,對效率的提升可能不是那麼明顯,只是為你提供一種用更高效的方式解決問題的思路,希望能對你有所啟發。 怎麼來減少

recyclerview事件更改顏色

點選recyclerview條目改變控制元件顏色 介面卡 import android.content.Context; import android.graphics.Color; import android.support.v7.widget.RecyclerVi

【Cocos2dx】使用CCControlButton建立按鈕、按鈕事件事件中的元件獲取,setPosition的座標問題

按鈕不僅在遊戲,在任何地方都是不可或缺卻又是最基本的東西。在遊戲引擎Cocos2dx中也不例外。 下面用一個例子說明Cocos2dx中如何使用按鈕,同時,如果在Cocos2dx中獲取層,也就是場景、舞臺中的元件。 如下圖,有一個按鈕Clickme,被點選時候與不被點選的時間

Android recyclerview事件更改顏色

注意:記得在activity或Fragment中呼叫介面卡的監聽,裡面可以什麼都不寫,但必須呼叫才生效。package activity_cut.merchantedition.boss.adapter; import android.content.Context; im

iOS的關於類方法中建立的UIButton的新增的事件button時crash的有趣的事

前要 [sendBtn addTarget:self action:@selector(sendAction:) forControlEvents:UIControlEventTouchUpInsid

事件擊toggleClass,其他地方,removeClass

hid color 事件 bsp window var == win eve 經常會遇到,點擊某個元素,子元素顯示,再次點擊隱藏,並且點擊其他地方,子元素同樣隱藏關。 $("#ele").on("click",function(){ $("#child").tog

js中的鍵盤事件onkeydown、onkeypress、onkeyup

相關程式碼: <!doctype html> <html> <head> <!--聲明當前頁面編碼集(中文編碼<gbk,gb231

JS 事件onclick物件小區域顏色,大區域顏色改變

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <

JS事件 onclick

onclick 點選事件 onclick 以文字de放大與縮小為例項 嗨… 各位小可愛們,我們又見面了 先來了解一下定義和用法 onclick 屬性在單擊滑鼠時觸發。 記住是 單擊單擊單擊!!! 只點擊一次即可觸發事件 廢話不多,直接上程式碼,希望能對你們有所幫助

js 各種事件事件、失去焦點、鍵盤事件

事件驅動:         我們點選按鈕 按鈕去掉用相應的方法。                  demo:              <input type="button" value="點選" onclick="func()">             

安卓自定義Toast 以及Toast的出場動畫 以及Toast上新增圖片 以及事件

安卓自定義Toast: 1.自定義一個類:CustomToast 繼承自:Toast 2.在CustomToast類中 新增一個靜態 mCustomToast 物件 private static CustomToast mCustomToast; 3.在CustomToast類中 新

js拼接的程式碼事件無響應,只需用這個事件監聽就通解決

通過js拼接的動態程式碼做類事件響應的時候,點選事件響應。 只需用這個事件監聽就通解決: $('body').on('click', '.but', function() { }) 拼接的程式碼如下:   $page_str='<div dat

解決 jQuery 動態新增節點無法觸發 onclick 事件的問題

     問題: 當我們在網頁載入完成後, 使用 JQuery 給頁面動態增加增加節點時, 會發現新增節點無法觸發點選事件      處理: 使用 live() 或 on() 方法給新增節點新增點選事件    !